JavaScript創(chuàng)建數(shù)組的方法詳解
JavaScript創(chuàng)建數(shù)組
1.利用new創(chuàng)建數(shù)組
var arr = new Array();//創(chuàng)建了一個(gè)空數(shù)組
2.利用數(shù)組字面量創(chuàng)建數(shù)組(比較常用)
字面量:一種固定值的表示方法
一看就知道什么數(shù)據(jù)類型,比如8一看就是數(shù)字類型
//1.利用數(shù)組字面量(是方括號(hào))創(chuàng)建數(shù)組 var arr = [];//創(chuàng)建了一個(gè)空數(shù)組 var arr1 = [1,2,'student',true];//數(shù)組里面可以存放任何類型的數(shù)據(jù),必須以逗號(hào)分割
3.什么是數(shù)組元素?
數(shù)組可以把一組數(shù)據(jù)存放在單個(gè)變量的集合下,數(shù)組元素是存放在數(shù)組里面的元素,類型沒(méi)有限制。
數(shù)組的使用
1.獲取數(shù)組元素——利用索引就是下標(biāo),下標(biāo)是從0開(kāi)始的和c語(yǔ)言很像
console.log(arr[2]);
2.遍歷數(shù)組
var arr = ['red','green','blue']; for(var i = 0;i < 3;i++){ console.log(arr[i]); } //打印數(shù)組長(zhǎng)度 console.log(arr.length); //動(dòng)態(tài)檢測(cè)數(shù)組長(zhǎng)度 for(var i = 0;i < arr.length;i++){ console.log(arr[i]); }
什么是遍歷?
將數(shù)組元素從頭到尾訪問(wèn)一次,里面的i是計(jì)數(shù)器當(dāng)索引號(hào)使用,arr[i]訪問(wèn)數(shù)組元素,索引號(hào)和數(shù)組長(zhǎng)度沒(méi)有關(guān)系。
//經(jīng)典案例打印數(shù)組最大值 var arr = [2,6,1,77,52,25,7,99]; var max = arr[0]; for(var i = 0;i < arr.length;i++){ if(max < arr[i]){ max = arr[i]; } } conaole.log('該數(shù)組里面的最大值是' + max);
將數(shù)組轉(zhuǎn)換為分割字符串
var arr = ['red','green','blue','pink']; var str =''; for(var i = 0;i < arr.length;i++){ str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep; } console.log(str);
數(shù)組中新增元素
var arr = ['red','green','blue','pink']; var str =''; for(var i = 0;i < arr.length;i++){ str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep; } console.log(str);
如果索引號(hào)存在就是替換數(shù)組元素,不要直接給數(shù)組名賦值,否則會(huì)覆蓋掉以前的數(shù)據(jù)例如 arr1 ='';onsole.log(arr1)
篩選數(shù)組
var arr = [1,2,3,4,5,6,7,8,9,10]; var newArr = []; console.log(newArr); for(var i = 0;i < arr.length;i++){ if(arr[i]>=5) { newArr[newArr.length] = arr[i]; } }
刪除數(shù)組指定元素
//將7刪除 var arr = [1,2,3,4,5,6,7,8,9,10]; var newArr = []; console.log(newArr); for(var i = 0;i < arr.length;i++){ if(arr[i] != 7) { newArr[newArr.length] = arr[i]; } } console.log(newArr);
總結(jié)
本篇文章就到這里了,希望能夠給你帶來(lái)幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
使用documentElement正確取得當(dāng)前可見(jiàn)區(qū)域的大小
如何取得當(dāng)前瀏覽器里面可見(jiàn)區(qū)域的大小?其他方法都不適用,只有documentElement才可以,需要的朋友可以參考下2014-07-07Json字符串轉(zhuǎn)換為JS對(duì)象的高效方法實(shí)例
一般JSON字符串轉(zhuǎn)換為JS對(duì)象,都使用var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");2013-05-05基于JavaScript實(shí)現(xiàn)百度搜索框效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)百度搜索框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07微信小程序?qū)崿F(xiàn)拍照和相冊(cè)選取圖片
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拍照和相冊(cè)選取圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05JS實(shí)現(xiàn)數(shù)組淺拷貝和深拷貝的方法
淺拷貝創(chuàng)建一個(gè)新的對(duì)象,來(lái)接受重新復(fù)制或引用的對(duì)象值,如果對(duì)象屬性是基本的數(shù)據(jù)類型,復(fù)制的就是基本類型的值給新對(duì)象,這篇文章主要介紹了js實(shí)現(xiàn)數(shù)組淺拷貝和深拷貝,需要的朋友可以參考下2024-01-01