操作符

  • 算术运算符:+ 、- 、 * 、 / 、 %、++、--
  • 赋值运算符:= 、+=、-=、 *=、/=、%=
  • 比较运算符:>、>=、<、<=、!=、==、===(全等,数据类型也会去比较)
  • 逻辑运算符:&&(与)、||(或)、! (非)

流程控制

  • 以下在进行判断的时候为假

    • 0
    • null
    • undefined
    • NaN
    • "" 空字符串
    • false
  • if else
if (...) {
...
} else if(...) {
...
} else {
...
}
// 三目运算符
name ? console.log("存在:"+name) :console.log("不存在")
//多条件下的三目运算符
0 ? console.log(1) : 3>4 ? console.log(2) : console.log(3)
  • switch
var choice = 1;
switch (choice) {
case 1:
document.write(1);
//不写break时,当满足条件是,不再判断,会执行后面所有语句
break;
case 2:
document.write(2);
break;
default:
document.write("都不满足");
}

循环

  • for循环
//九九乘法表
for (i=1; i<=9; i++){
for(j=1; j<=i; j++){
document.write(j+"*"+i+"="+i*j+'&emsp;');
}
document.write("<br>");
}
  • while循环
while (true){
document.write(1);
break;
}
  • do while循环
do{
document.write(1);
}while (1<0)

字符串方法

  • 长度:length
  • 下标: [] /charAt()
  • 替换:replace()
  • 分割:split()
  • 大写:toUpperCase()
  • 小写: toLowerCase()
  • 索引:indexOf()
  • 截取:substring()
  • 切割:slice()
var str_test = "Which Love Love";
document.write(str_test.length+'<br>');//length
document.write(str_test[0]+'<br>');//[]
document.write(str_test.charAt(1)+'<br>');//charAt()
document.write(str_test.replace("Love","===")+'<br>');//replace()
document.write(str_test.split(' ')+'<br>');//split()
document.write(str_test.toUpperCase()+'<br>');//toUpperCase()
document.write(str_test.toLowerCase()+'<br>');//toLowerCase()
document.write(str_test.indexOf('L',8)+'<br>');//indexOf()
//slice()不会自动比较参数的大小
document.write(str_test.slice(0,5)+'<br>');//slice()
//substring()会自动比较参数的大小
document.write(str_test.substring(5,0)+'<br>');//substring()

数组方法

  • 长度:length
  • 下标: [ ]
  • 追加:push()
  • 添加:unshift()
  • 后删:pop()
  • 前删:shift()
  • 索引:indexOf()
  • 切片: slice()
  • 替换:splice()
  • 拼接:join()
  • 排序:sort()
  • 反向:reverse()
  • 连接:concat()
var arr = ['one','two','three','four','five'];
document.write(arr.length+'<br>');//length
document.write(arr[0]+'<br>');//[]
arr.push('six');//push()
arr.unshift('zero');//Unshift(),从前面添加
arr.pop();//pop()
arr.shift();//shift()
document.write(arr.indexOf('two')+'<br>');//indexOf()
document.write(arr.slice(0,3)+'<br>');//slice()
//将新的值,替换从下标为1的开始的两个值
document.write(arr.splice(1,2,'a','b','c','d')+'<br>');//splice()
document.write(arr.join('==')+'<br>');//join()
document.write(arr.sort()+'<br>');//sort()
document.write(arr.reverse()+'<br>');//reverse()
var arr_temp1=[1,2];
var arr_temp2=[3,4];
document.write(arr.concat(arr_temp2,arr_temp1)+'<br>');//concat()

其它方法

  • 转为字符串:toString()
  • 数字四舍五入:toFixed()
  • 判断NaN:isNaN()
  • 判断数组:Array.isArray()
  • 整数:parseInt()
  • 浮点数: parseFlost()
  • 数字:Number()
var num = 12.8;
var a ='0x1234';
var b ='343.324';
document.write(typeof toString(num)+'<br>');//toString()
document.write(num.toFixed()+'<br>');//toFixed()
document.write(isNaN(num)+'<br>');//isNaN()
document.write(Array.isArray(num)+'<br>');//isArray()
document.write(parseInt(a)+'<br>');//parseInt()
document.write(parseFloat(b)+'<br>');//parseFloat()
document.write(Number(b)+'<br>');//Number()

JS 操作符、控制流程、循环、字符串/数组方法的更多相关文章

  1. js中常用的操作字符串的方法大全

    charCodeAt()返回一个整数,代表指定字符的Unicode编码 fromCharCode()从一些Unicode字符串得到一个字符串  charAt()根据指定下标位置返回对应字符,如果下标超 ...

  2. JS基础语法---for循环遍历数组

    for循环遍历数组 要显示数组中的每个数据,可以如下: var arr=[10,20,30,40,50]; //显示数组中的每个数据 console.log(arr[0]); console.log( ...

  3. [Day7]循环、数组方法、排序查找

    1. ASCII(American Standard Code for Information Interchange) (1)数字0-9对应ASCII编码十进制为48-57, 字母a-z对应ASCI ...

  4. js中的for-of循环遍历数组

    遍历数组要怎么做,可能你首先想到的会是for循环,当然for循环在JavaScript 刚萌生的时候就出现了,想到它也是理所当然的 var a=[[1,2],[3,4],5] for(var i=0; ...

  5. 使用js在HTML中自定义字符串格式化方法

    Python中支持字符串格式化,其基本形式如下: str = "I'm {name},{age} years old" print(str.format(name="te ...

  6. 适合MCU用的C语言快速互转HEX(16进制)和原始字符串/数组方法

    缘由 这个起因是昨晚群里有人在讨论怎么把字符串转成HEX方法最佳,讨论到最后变成哪种方法效率最优了.毕竟这代码是要在MCU上面跑的,要同时考虑到时间和空间的最优解. 当然讨论的是有结果的,具体实现的方 ...

  7. JS生成随机数进行循环匹配数组

    function RndNum(n) { var rnd = ""; for (var i = 0; i < n; i++) rnd += Math.floor(Math.r ...

  8. 2018年 js 简易控制滚动条滚动的简单方法

    首先是es2015 的新api Element.scrollIntoView() // 滚动到最上方 等同于 dom.scrollIntoView(true) Element.scrollIntoVi ...

  9. JS:利用for循环进行数组去重

    <script> var a = [1, 3, 2, 4, 5, 3, 2, 1, 4, 6, 7, 7, 6, 6]; //示例数组    var b = []; for(var i = ...

随机推荐

  1. Error : Program type already present: android.support.design.widget.CoordinatorLayout$

    背景 因为公司一个app项目需要扩展,因为功能较多且较完整的流程与业务,而且和以前的业务关系不大,所以我整合到了 另外一个分包中(代号:newFunc,请注意是代号)进行依赖. 当我写完这部分业务开始 ...

  2. Vue之组件及组件通信

    组件之全局组件 //注意:需要在Vue实例化之前注册全局组件,使用Vue.component("组件名",{ template:`组件模板` }) Vue.component(&q ...

  3. js贪吃蛇(构造函数)

    给大家分享一下这几天我研究的一个贪吃蛇,挺简单的,但是实现起来其实有点绕的,我给大家附上完整代码,一起分析学习一下,主要用的是构造函数. 思想: .设计蛇:属性有宽.高.方向.状态(有多少节),方法: ...

  4. react新版本配置代理

    新学习react 开始配置react跨域的时候 在网上查看到是在packjson.json里面添加如下代码: "proxy": { "/api": { &quo ...

  5. 前后端vue和django配置

    django pip源更换 虚拟环境配置 目录和日志配置 数据库配置 用户模块自定义 异常,响应配置 xadmin vue vue基础配置 vue高级配置 vue this问题和样式配置

  6. js3——表格下拉

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  7. 带着canvas去流浪系列之九 粒子动画

    [摘要] canvas实现粒子动画 示例代码托管在:http://www.github.com/dashnowords/blogs 一. 粒子特效 粒子特效一般指密集点阵效果,它并不是canvas独有 ...

  8. elasticSerach 知识学习

    一 介绍: ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口.Elasticsearch是用Java语言开发的, ...

  9. 分享一个Vue数组赋值的错误

    今天在写项目用到Vue的时候,遇到的一个问题,纠结了好一会,首先我的代码是这样的 有没有毛病!!  开始我感觉是没啥毛病啊,按照之前写Java代码的逻辑,我感觉这没一点毛病 . 但是它就是有毛病, 假 ...

  10. SpringBoot-HelloWorld(三)

    HelloWorld 学一个新的框架,不写helloworld是没有灵魂的,嘿嘿 准备工作 我们将学习如何快速的创建一个Spring Boot应用,并且实现一个简单的Http请求处理.通过这个例子对S ...