2021-05-12 14:32:11
常用陣列方法(1)
2021-01-13 20:00:09
方法 | 屬性 | 例子 |
concat() | 合併陣列,返回新陣列,不會改變原陣列 |
var arr=[1,2,3]; var arr1=[4,5,6]; console.log(arr.concat(arr1)); //[1,2,3,4,5,6] |
forEach() |
方法用於呼叫陣列每個元素,並將元素傳遞給回撥函數 *注意*:對於空陣列不會執行回撥函數 |
var arr=['a','b','c','d']; arr.forEach(function(cv,i,arr){ console.log("cv",cv,"i:",i,"arr:",arr); }) //第一個引數是元素 第二個引數是陣列下標 第三個引數是陣列
|
indexOf() | 返回某個指定的值在陣列中首次出現的位置 如果找到返回下標(索引),找不到返回-1 |
var arr=['a','b','c','a']; var i=arr.indexOf('a'); console.log(i);//0 |
join() |
用於把陣列中的元素轉換一個字串 元素通過指定分隔符進行分割,預設是逗號 |
var arr=['西瓜','南瓜','甜瓜'];
var str = arr.join();//沒有指定分隔符 預設為逗號分割
var str1 = arr.join('/');//指定分隔符為 /
console.log('沒有指定分隔符:',str);
console.log('指定分隔符為/:',str1);
|
lastIndexOf() |
返回某個指定的值在陣列中最後一次出現的位置 找到返回元素下標,沒找到返回-1 |
var arr=['aa','b','b','cc','dd'];
//0 , 1 , 2 , 3 ,4 下標
var i=arr.lastIndexOf('b'); //查詢 b 最後一次出現的位置 返回下標 2
console.log('我是lastIndexOf',i);
var i=arr.indexOf('b'); //查詢 b 第一次出現的位置 返回下標 1
console.log('我是indexOf',i);
|
pop() |
刪除陣列的最後一個元素並行揮刪除的元素 改變陣列的長度 |
var arr=['a','b','c','d','e'];
console.log(arr.length); //原陣列長度為 5
var arr1 = arr.pop();
console.log(arr1); //刪除元素 e 並返回該元素
console.log(arr.length);//刪除元素後長度為 4
|
push() |
給陣列的末尾新增一個或多個元素,返回新的長度 注意: 新元素將新增在陣列的末尾!
注意: 此方法改變陣列長度
|
var arr=['a','b','c','d','e'];
var arr1= arr.push('哈哈哈');
console.log(arr1);
console.log(arr);
|
reverse()
|
方法用於顛倒陣列中元素的順序並返回新的陣列; |
var arr=["a","b","c","d"];
console.log(arr.reverse());
現在返回 "dbca";
|
shift()
|
方法用於把陣列的第一個元素從其中刪除,並返回第一個元素的值;
注意:此方法改變原陣列長度;
|
var arr=["a","b","c","d"];
var str=arr.shift();
console.log("arr:",arr);
console.log("str:",str);
|
unshift()
|
方法可向陣列的開頭新增一個或更多元素,並返回新陣列的長度。
注意:此方法改變原陣列長度;
|
var arr1 = ["a","b","c","d","e"];
var arr2 = ["a","b","c","d","e"];
var len1 = arr1.unshift("1");
var len2 = arr2.unshift(1,2,3);
console.log("arr1:",arr1,"len1:",len1);
console.log("arr2:",arr2,"len2:",len2);
|
slice()
|
方法可從已有的陣列中返回選定的元素
slice() 方法可提取字串的某個部分,並以新的字串返回被提取的部分。
注意:slice() 方法不會改變原始陣列
|
array.slice(start, end);
start: 可選。規定從何處開始選取,如果是負數,那麼它規定從陣列尾部開始算起的位置。
也就是說,-1指最後一個元素,-2指倒數第二個元素,以此類推
end: 可選。規定從何處結束選取。該引數是陣列片段結束處的陣列下標。
如果沒有指定該引數,那麼它規定的是陣列從start到陣列結束的所有元素
如果這個引數是負數,那麼它規定的是從陣列尾部開始算起的元素。
|
sort()
|
方法用於對陣列的元素進行排序
排序順序可以是字母或數位,並按升序或降序。
預設排序順序為按字母升序。
注意:當數位是按字母順利排列時「30」將排在「4」的前面。
使用數位排序時,你必須通過一個函數作為引數來呼叫。
注意:這種方法會改變原始陣列!
|
var arr1 = ["a", "b", "c", "d", 10];
var arr2=[10,2,"35","11"];
var arr3=[10,2,"35","11","a"];
arr1.sort();
console.log("arr1:",arr1);
arr2.sort();
console.log("arr2:",arr2);
arr3.sort(function(a,b){
return a-b;
})
console.log("arr3:",arr3);
|
splice()
|
方法用於插入、刪除或替換陣列的元素。
注意:這種方法會改變原始陣列!
|
array.splice(index,howmany,item1,...itemX);
index:必需。規定從何處新增/刪除元素
該引數是開始插入或者刪除的陣列元素的下標,必須是數位。
howmany:必需。規定應該刪除多少元素。必須是數位也可以是0;
如果未規定這個引數,則刪除從index開始時到原陣列結尾的所有元素。
item1, ... ,itemX 可選。要新增到陣列的新元素
|
相關文章