JavaScript創(chuàng)建數(shù)組的方法詳解
JavaScript創(chuàng)建數(shù)組
1.利用new創(chuàng)建數(shù)組
var arr = new Array();//創(chuàng)建了一個空數(shù)組
2.利用數(shù)組字面量創(chuàng)建數(shù)組(比較常用)
字面量:一種固定值的表示方法
一看就知道什么數(shù)據(jù)類型,比如8一看就是數(shù)字類型
//1.利用數(shù)組字面量(是方括號)創(chuàng)建數(shù)組 var arr = [];//創(chuàng)建了一個空數(shù)組 var arr1 = [1,2,'student',true];//數(shù)組里面可以存放任何類型的數(shù)據(jù),必須以逗號分割
3.什么是數(shù)組元素?
數(shù)組可以把一組數(shù)據(jù)存放在單個變量的集合下,數(shù)組元素是存放在數(shù)組里面的元素,類型沒有限制。
數(shù)組的使用
1.獲取數(shù)組元素——利用索引就是下標,下標是從0開始的和c語言很像
console.log(arr[2]);
2.遍歷數(shù)組
var arr = ['red','green','blue'];
for(var i = 0;i < 3;i++){
console.log(arr[i]);
}
//打印數(shù)組長度
console.log(arr.length);
//動態(tài)檢測數(shù)組長度
for(var i = 0;i < arr.length;i++){
console.log(arr[i]);
}
什么是遍歷?
將數(shù)組元素從頭到尾訪問一次,里面的i是計數(shù)器當索引號使用,arr[i]訪問數(shù)組元素,索引號和數(shù)組長度沒有關(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);
如果索引號存在就是替換數(shù)組元素,不要直接給數(shù)組名賦值,否則會覆蓋掉以前的數(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é)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
js根據(jù)需要計算數(shù)組中重復出現(xiàn)某個元素的個數(shù)
今天小編就為大家分享一篇關(guān)于js根據(jù)需要計算數(shù)組中重復出現(xiàn)某個元素的個數(shù),小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-01-01
CocosCreator骨骼動畫之龍骨DragonBones
這篇文章主要介紹了怎么在CocosCreator中使用骨骼動畫龍骨DragonBones,對骨骼動畫感興趣的同學,可以試一下2021-04-04

