js陣列的一些用法
陣列作為js中比較常用的一個容器,簡單記錄一些常用的方法,作為查詢工具使用;
1 宣告
var array1=new Array();//比較標準的方式
var array2=[];//也可以隨意一些
var array3=[1,2,3,4];//直接初始化
2 新增移除元素;array.push(item...);array.pop();
var array1=[];
array1[0]=1;//直接賦值,且不用擔心下標越界的問題
array1.push(2);//直接在後面追加
array1.push(3);// array1[1,2,3]
array1.pop();//末尾刪除 類似堆疊(stack) array1[1,2]
array1.push(3,4);//也可以同時多個 array1[1,2,3,4]
array1.push([5,6,7,],8);//不限制型別 array1[1,2,3,4,[5,6,7],8]
3 遍歷
var array1=[10,20,30,40];
//迴圈前一般需要做下判斷
if(array1&&array1.length){
//TO-DO
}else{
//陣列不存在或者 為空的情況
}
array1.forEach(function(item,index){//forEach;比較少用
console.log('forE:'+item);
});
array1.forEach((i,index)=>{//forEach + Lambda表示式
console.log("forEach:"+i);
});
for(var a in array1){// 不考慮順序可以用;比較少用
console.log('a:'+array1[a]);
}
for(var i=0;i<array1.length;i++){//普通for迴圈 排序時使用;一般的用法
console.log('for:'+array1[i]);
}
for(var i=0,j=0;j=array1.length,i<j;i++){//陣列比較大時的一點兒優化
console.log('forj:'+array1[i]);
}
4 複製,檢索,移除array.slice(start,end);array.splice(start,deleteCount,item...);array.indexOf();
//slice方法針對array中的一段做淺複製
//第一個引數是起始位置,第二個可選,預設是陣列的長度
//一般來說 擷取後的值a + 擷取後的陣列值就是 擷取前完整的陣列的值
var array2=['a','b','c','d'];
var a=array2.splice(0,1);//a-['a'];array2-['b','c','d']
var b=array2.splice(1);//b-['c','d'];array2-['b']
//splice方法從array中移除一個或多個元素,並用新的元素替換他們
var array3=[111,222,333,444];
var b=array3.splice(2,1,555,666);//b-[333],array3-[111,222,555,666,444]
//indexOf 判斷陣列是否包含某個元素,一般可以配合 splice方法刪除元素
//當然返回的結果是第一個匹配成功的,若需要全部刪除還需要另外考慮
var array4=[111,222,333];
var index = array4.indexOf(222);//index==1
if(index > -1) {
array4.splice(index, 1);//array4-[111,333]
}
5 反轉,排序 array.reverse();array.sort();目前暫時沒有使用到
相關文章
- JS 陣列的用法JS陣列
- js陣列常見的一些方法JS陣列
- js中陣列的一些常見操作 - 1JS陣列
- JAVA的陣列基本用法Java陣列
- thymeleaf關於js的一些坑(陣列定義)JS陣列
- Laravel 條件陣列 in 的用法Laravel陣列
- JS陣列的方法JS陣列
- JS陣列JS陣列
- js陣列的常見操作( push、pop、unshift、shift、splice、concat、 join)的用法JS陣列
- JAVA陣列的定義及用法Java陣列
- JavaScript陣列常見用法JavaScript陣列
- JS 陣列的迭代方法JS陣列
- js 陣列方法JS陣列
- js陣列排序JS陣列排序
- js偽陣列JS陣列
- PHP陣列轉換為js陣列PHP陣列JS
- 陣列的 map, filter ,sort和 reduce 用法陣列Filter
- js 一維陣列轉二維陣列JS陣列
- js 二維陣列轉一維陣列JS陣列
- JS陣列去重 – JSON陣列去重陣列JSON
- js 陣列的方法小結JS陣列
- JS 中特殊的物件-陣列JS物件陣列
- 陣列的一些面試題陣列面試題
- JS常用陣列操作JS陣列
- JS陣列基本方法JS陣列
- js常用陣列方法JS陣列
- JS 陣列筆記JS陣列筆記
- Js陣列方法解析JS陣列
- js陣列過濾JS陣列
- js陣列去重JS陣列
- js陣列反轉JS陣列
- js陣列排序整理JS陣列排序
- js陣列方法集合JS陣列
- 【JS】JS陣列新增元素的三種方法JS陣列
- JS陣列專題1️⃣ ➖ 陣列扁平化JS陣列
- js將陣列轉字元,字元轉回陣列JS陣列字元
- js物件陣列Date的比較JS物件陣列
- JS陣列去重的實現JS陣列