欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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+'&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()