JS 操作符、控制流程、循环、字符串/数组方法
程序员文章站
2022-05-18 19:30:40
操作符 算术运算符:+ 、 、 、 / 、 %、++、 赋值运算符:= 、+=、 =、 =、/=、%= 比较运算符: 、 =、 流程控制 以下在进行判断的时候为假 0 null undefined NaN "" 空字符串 false if else switch 循环 for循环 while循环 d ......
操作符
- 算术运算符:+ 、- 、 * 、 / 、 %、++、--
- 赋值运算符:= 、+=、-=、 *=、/=、%=
- 比较运算符:>、>=、<、<=、!=、==、===(全等,数据类型也会去比较)
- 逻辑运算符:&&(与)、||(或)、! (非)
流程控制
- 以下在进行判断的时候为假
- 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+' '); } 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()
下一篇: antd快速开发(Form篇)