01-JavaScript之變數

標籤：div   pop   常量   const   catch   floor   str   ever   操作   

這個系列的文章主要講解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

01-JavaScript之變數