前端操作數組

jollywing 發布于2019-08-22 10:48 / 1679人閱讀

摘要：數組的操作常用方法向數組末尾增加項返回數組新長度直接改變原數組其他實現方法刪除數組最后一項返回被刪除項直接改變原數組其他實現方法刪除數組第一項返回被刪除的那一項直接改變原數組向數組開頭增加項返回數組新長度原數組改變從索引開始，刪除個元素

數組的操作 常用方法

push

向數組末尾增加項

返回數組新長度

直接改變原數組

其他實現方法：ary[ary.length]=1

pop

刪除數組最后一項

返回被刪除項

直接改變原數組

其他實現方法：ary.length--

shift

刪除數組第一項

返回被刪除的那一項

直接改變原數組

unshift

向數組開頭增加項

返回數組新長度

原數組改變

splice

splice(n,m)從索引n開始，刪除m個元素

splice(n)從索引n開始，刪除到數組末尾

ary.splice(ary.length-1,0)==ary.pop()

splice(n,m,x)從索引n開始刪除m個，用x替換刪除項

splice(n,0,x)從索引n開始，刪除0個(不刪除)，把x增加到n的前面

ary.splice(ary.length,0,x)==ary.push(x)

slice

slice(n,m)從索引n開始截取到m-1處

slice(0) 相當于賦值數組

concat 拼接

toString 轉化為字符串

join(",") 按照固定符號把數組拆分

reverse 倒序數組

sort 排序數組(10以內)

sort(function(a,b){ return a-b })有小到大排序

sort(function(a,b){ return b-a })有大到小排序

forEach 遍歷數組

var ary = [1, 2, 3];
ary.forEach( function ( item , index ) {} )

更好用的方法 例： var arr=[{name:1},{name:2},{name:3},{name:4}];

注意：還需要處理低版本IE的朋友請忽略以下方法

增 push

arr.push({name:5});
console.log(arr);//[ { name: 1 }, { name: 2 }, { name: 3 }, { name: 4 }, { name: 5 } ]

直接改變原數組

刪(過濾) filter

var res=arr.filter(function (item, index) {
    return item.name!==1//過濾掉name為1的那一項
});
console.log(arr)//[ { name: 1 }, { name: 2 }, { name: 3 }, { name: 4 } ]
console.log(res)//[ { name: 2 }, { name: 3 }, { name: 4 } ]

返回的新數組才是過濾好的結果，原數組不變

改 map

var obj={name:100};
var res=arr.map(function (item, index) {
    if(item.name===1){
        return obj
    }
    return item;
});
console.log(arr);//[ { name: 1 }, { name: 2 }, { name: 3 }, { name: 4 } ]
console.log(res)//[ { name: 100 }, { name: 2 }, { name: 3 }, { name: 4 } ]

返回的新數組才是改變后的結果，原數組不變

查 find

var res=arr.find(function (item, index) {
    return item.name==1
})
console.log(arr)//[ { name: 1 }, { name: 2 }, { name: 3 }, { name: 4 } ]
console.log(res)//{ name: 1 }

返回結果才是要查找的項，原數組不變

云服務器 GPU云服務器數組操作方法數組操作技巧數組常見操作 python操作數組

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91306.html

js關鍵詞變色，數組打亂，數組去重的實現和封裝

摘要：前言今天，把自己之前封裝過的一部分小功能操作分享出現，都是一些可以說是比較常用，實現起來比較簡單，代碼又比較少的一些功能或操作，比如關鍵詞變色，數組打亂，數組去重等。關鍵詞變色這個功能很常見，特別是在搜索引擎執行搜索的時候。 1.前言今天，把自己之前封裝過的一部分小功能操作分享出現，都是一些可以說是比較常用，實現起來比較簡單，代碼又比較少的一些功能或操作，比如關鍵詞變色，數組打亂，數...

plokmju88 2019-08-20 17:21 評論0 收藏0
CSS技巧 - 收藏集 - 掘金

摘要：筆者作為一位，將工作以來用到的各種優秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數組的極值技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。 CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續更新… 一、...

Jonathan Shieber 2019-08-29 12:33 評論0 收藏0
CSS技巧 - 收藏集 - 掘金

摘要：筆者作為一位，將工作以來用到的各種優秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數組的極值技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。 CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續更新… 一、...

SHERlocked93 2019-08-22 11:04 評論0 收藏0
一次前端筆試總結

摘要：另外，原題還有字數限制的，只有在字數小于并且結果正確時才可以滿分。插入節點操作的可以使用和方法，隨便用一個都行。但是，這題有兩個限制條件優雅的方式前個元素。 1.有一個長度未知的數組a，如果它的長度為0就把數字1添加到數組里面，否則按照先進先出的隊列規則讓第一個元素出隊。分析：這道題主要是考核了數組的隊列方法和棧方法。另外，原題還有字數限制的，只有在字數小于30并且結果正確時才可以滿...

jsdt 2019-08-30 13:50 評論0 收藏0
一次前端筆試總結

摘要：另外，原題還有字數限制的，只有在字數小于并且結果正確時才可以滿分。插入節點操作的可以使用和方法，隨便用一個都行。但是，這題有兩個限制條件優雅的方式前個元素。 1.有一個長度未知的數組a，如果它的長度為0就把數字1添加到數組里面，否則按照先進先出的隊列規則讓第一個元素出隊。分析：這道題主要是考核了數組的隊列方法和棧方法。另外，原題還有字數限制的，只有在字數小于30并且結果正確時才可以滿...

GitChat 2019-08-21 17:17 評論0 收藏0