您好,登錄后才能下訂單哦!
在JavaScript中,我們需要時常對數組進行操作,現在特將常用方法總結如下:
1.增加數據
在JavaScript為數組增加數據主要分為兩種方式。
從數組末尾增加內容:push方法
從數組的前端增加內容:unshift方法
這兩種方法的返回值都是數組的長度
var arr=[1,2,3]; //從末尾增加 arr.push(4); console.log(arr);//[1,2,3,4] //從前端增加 arr.unshift(0); console.log(arr);//[0,1,2,3,4]
2.刪除數據
和增加數據一樣,刪除數據和主要分為兩種方式。
從數組末尾增加內容:pop方法
從數組的前端增加內容:shift方法
這兩種方法的返回值都是刪除的數據
var arr=[1,2,3]; //從末尾刪除 arr.pop(); console.log(arr);//[1,2] //從前端刪除 arr.unshift(); console.log(arr);//[2]
3.從指定位置刪除和增加數據
splice(startIndex,deleteCount,addValue1,addValue2...):從數組的startIndex位置開始,刪除deleteCount個數據,然后在插入addValue1,addValue2等,返回值是被刪除的數組所組成的數組。
var arr=[1,2,3,4,5]; var deleteArr=arr.splice(1,2,8,9); console.log(deleteArr);//[2,3] console.log(arr);//[1,8,9,4,5]
從上面所知,數組的刪除方法返回的都是被刪除的內容,增加的方法返回的都是數組改變后的長度。
4.反序數組
reverse():將數組內容逆序。
var arr=[1,2,3]; arr.reverse(); console.log(arr);//[3,2,1]
5.將數組內容組成一個有特定分隔符的字符串
join(seperator):將數組內容組成一個字符串,內容以seperator分隔
var arr=[1,2,3]; arr.join(','); console.log(arr);//1,2,3
6.合并兩個數組
concat():合并數組并返回一個新的數組,不影響原有數組。
var arr1=[1,2,3]; var arr2=[4,5,6]; var newArr=arr1.concat(arr2); console.log(arr1);//[1,2,3] console.log(arr2);//[4,5,6] console.log(newArr);//[1,2,3,4,5,6]
7.數組排序
sort():默認將數組進行數字或字母進行升序排序,但也可以自定義降序排序
var arr=[3,5,1]; arr.sort(); console.log(arr);//[1,3,5]; //指定降序 var arr1=[4,2,7]; arr1.sort(function(a,b){ return b-a; }) console.log(arr1);//[7,4,2]
8.截取子數組
slice(startIndex,endIndex):截取數組中從startIndex到endIndex之間的內容,不包括endIndex所在位置的內容組成一個新的數組
var arr=[1,2,3,4,5,6]; var newArr=arr.slice(1,3); console.log(arr);//[1,2,3,4,5,6] console.log(newArr);//[2,3]
9.判斷給定數據在數組中的位置
indexOf(data):該方法返回data在該數組中所在的第一個元素位置,如果沒有找到就返回-1
var arr=[1,2,3]; var loc=arr.indexOf(1); console.log(loc);//0 var newLoc=arr.indexOf(4); console.log(newLoc);//-1
10.迭代器
數組的迭代器方法很多。
a.普通的遍歷數組:forEach(function(value,index,arr){}),其中index是索引,value是值,arr就是數組本身
var arr=[1,2,3]; //index是索引,value是值 arr.forEach(function(value,index,arr){ console.log(''index:"+index+" "+"value:"+value) })
b.過濾數組:filter(),根據過濾條件過濾數組,但不會改變原有數組
var arr=[1,2,3,4]; //返回數組中大于2的內容 var newArr=arr.filter(function(item){ return item>2; }) console.log(arr);//[1,2,3,4] console.log(newArr);//[3,4]
c.映射數組:map(),對數組每個元素進行一定映射后,返回一個新數組,不會改變原有數組
var arr=[1,2,3,4]; //將數組每個值擴大一倍 var newArr=arr.map(function(item){ return item*2; }); console.log(arr);//[1,2,3,4] console.log(newArr);//[2,4,6,8]
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。