这个系列的文章主要讲解JavaScript的常见用法,适合于初中级的前端开发人员,也可以对比TypeScript的系列文章来看。
先介绍JavaScript的变量与常见变量的函数,代码如下:
//变量常用函数 var i=3.1415926; var ipoint2=i.toFixed(2); console.log("小数点后取两位:"+ipoint2); var i2=i.toPrecision(2); console.log("总共取两位:",i2); var i3=3.9; console.log("取最近整数:"+Math.round(i3)); console.log("取最小整数:"+Math.floor(i3)); console.log("取随机生成数:"+Math.random()); //类型转换 var number=100; var numberstr=number.toString(); if(typeof numberstr==="string"){ console.log("转换为字符串:"+numberstr); } var numberstring1="100"; var number1=Number(numberstring1); if(typeof number1==="number"){ console.log("转换为数字:"+number1); } //空、null、undefined判断 var name="caojian"; var sex=null; if(name){ console.log("你的名字是:"+name); } if(sex){ console.log("你的性别是:"+sex); } var names=["caojian","hcc"]; if(names){ for(var i=0;i<names.length;i++){ console.log("名字分别是:"+names[i]); } } //数组操作 var arr=new Array(); arr.push("C#"); arr.push("Python"); arr.push("Java"); arr.push("TypeScript"); arr.pop(); console.log("被推出最后一个后改变原数组:"+arr); arr.sort(); console.log("排序后改变原数组:"+arr); var arrstr=arr.join(";"); console.log("数组使用连接符组合为字符串:"+arrstr); var arr1=new Array(); arr1.push("HTML5"); arr1.push("JavaScript"); var arrarr1=arr.concat(arr1); var arrarr1str=arrarr1.join(";"); console.log("两个数组连接后组合为字符串:"+arrarr1str); arr.splice(0,2,"C#后端语言","Java后端语言"); console.log("从索引0开始替换2个元素为新值:"+arr); var newarr1=arr.slice(2,3); console.log("从索引2开始,取3-2个元素:"+newarr1); var arrmap=arr.map(function(i){ return "语言:"+i; }); console.log("投影每个元素进行操作:"+arrmap); var newarr2=arr.filter(function(i){ return i[0]==="C"; }); console.log("元素开头字母为C的是:"+newarr2); var allc=arr.every(function(i){ return i[0]==="C"; }); console.log("每个元素都是以C为开头:"+allc); var somec=arr.some(function(i){ return i[0]==="C"; }); console.log("有元素是以C为开头:"+somec); //常量 const animal={Category:"Cat",Age:20}; try{ animal.Age=21; } catch(error){ console.log(error.message); } finally{ console.log("更改常量的某个属性值后:"+animal.Category +" "+animal.Age); } try{ animal={Category:"Cat",Age:22}; } catch(error){ console.log(error.message); }
欢迎加入QQ群讨论:573336726