資訊專欄INFORMATION COLUMN
摘要：數(shù)組的操作常用方法向數(shù)組末尾增加項返回數(shù)組新長度直接改變原數(shù)組其他實現(xiàn)方法刪除數(shù)組最后一項返回被刪除項直接改變原數(shù)組其他實現(xiàn)方法刪除數(shù)組第一項返回被刪除的那一項直接改變原數(shù)組向數(shù)組開頭增加項返回數(shù)組新長度原數(shù)組改變從索引開始，刪除個元素
數(shù)組的操作 常用方法
push
向數(shù)組末尾增加項
返回數(shù)組新長度
直接改變原數(shù)組
其他實現(xiàn)方法：ary[ary.length]=1
pop
刪除數(shù)組最后一項
返回被刪除項
直接改變原數(shù)組
其他實現(xiàn)方法：ary.length--
shift
刪除數(shù)組第一項
返回被刪除的那一項
直接改變原數(shù)組
unshift
向數(shù)組開頭增加項
返回數(shù)組新長度
原數(shù)組改變
splice
splice(n,m)從索引n開始，刪除m個元素
splice(n)從索引n開始，刪除到數(shù)組末尾
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) 相當(dāng)于賦值數(shù)組
concat 拼接
toString 轉(zhuǎn)化為字符串
join(",") 按照固定符號把數(shù)組拆分
reverse 倒序數(shù)組
sort 排序數(shù)組(10以內(nèi))
sort(function(a,b){ return a-b })有小到大排序
sort(function(a,b){ return b-a })有大到小排序
forEach 遍歷數(shù)組
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 } ]
直接改變原數(shù)組
刪(過濾) 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 } ]
返回的新數(shù)組才是過濾好的結(jié)果，原數(shù)組不變
改 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 } ]
返回的新數(shù)組才是改變后的結(jié)果，原數(shù)組不變
查 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 }
返回結(jié)果才是要查找的項，原數(shù)組不變
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/91306.html
摘要：前言今天，把自己之前封裝過的一部分小功能操作分享出現(xiàn)，都是一些可以說是比較常用，實現(xiàn)起來比較簡單，代碼又比較少的一些功能或操作，比如關(guān)鍵詞變色，數(shù)組打亂，數(shù)組去重等。關(guān)鍵詞變色這個功能很常見，特別是在搜索引擎執(zhí)行搜索的時候。 1.前言 今天，把自己之前封裝過的一部分小功能操作分享出現(xiàn)，都是一些可以說是比較常用，實現(xiàn)起來比較簡單，代碼又比較少的一些功能或操作，比如關(guān)鍵詞變色，數(shù)組打亂，數(shù)...
摘要：筆者作為一位，將工作以來用到的各種優(yōu)秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數(shù)組的極值技巧使你的更加專業(yè)前端掘金一個幫你提升技巧的收藏集。 CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經(jīng)常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續(xù)更新… 一、...
摘要：筆者作為一位，將工作以來用到的各種優(yōu)秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數(shù)組的極值技巧使你的更加專業(yè)前端掘金一個幫你提升技巧的收藏集。 CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經(jīng)常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續(xù)更新… 一、...
摘要：另外，原題還有字?jǐn)?shù)限制的，只有在字?jǐn)?shù)小于并且結(jié)果正確時才可以滿分。插入節(jié)點操作的可以使用和方法，隨便用一個都行。但是，這題有兩個限制條件優(yōu)雅的方式前個元素。 1.有一個長度未知的數(shù)組a，如果它的長度為0就把數(shù)字1添加到數(shù)組里面，否則按照先進(jìn)先出的隊列規(guī)則讓第一個元素出隊。 分析：這道題主要是考核了數(shù)組的隊列方法和棧方法。另外，原題還有字?jǐn)?shù)限制的，只有在字?jǐn)?shù)小于30并且結(jié)果正確時才可以滿...
摘要：另外，原題還有字?jǐn)?shù)限制的，只有在字?jǐn)?shù)小于并且結(jié)果正確時才可以滿分。插入節(jié)點操作的可以使用和方法，隨便用一個都行。但是，這題有兩個限制條件優(yōu)雅的方式前個元素。 1.有一個長度未知的數(shù)組a，如果它的長度為0就把數(shù)字1添加到數(shù)組里面，否則按照先進(jìn)先出的隊列規(guī)則讓第一個元素出隊。 分析：這道題主要是考核了數(shù)組的隊列方法和棧方法。另外，原題還有字?jǐn)?shù)限制的，只有在字?jǐn)?shù)小于30并且結(jié)果正確時才可以滿...
閱讀 1216·2023-04-26 00:47
閱讀 3569·2021-11-16 11:53
閱讀 796·2021-10-08 10:05
閱讀 2740·2021-09-22 15:19
閱讀 2982·2019-08-30 15:55
閱讀 2756·2019-08-29 16:55
閱讀 2922·2019-08-29 15:20
閱讀 1112·2019-08-23 16:13
