01-JavaScript之变量

Posted 2020-10-09 曹剑

这个系列的文章主要讲解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