成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

數(shù)組方法的二三事

VincentFF / 1775人閱讀

摘要:常用的數(shù)組方法刪除數(shù)組的最后一個元素,返回被刪除的元素,原數(shù)組長度減。原數(shù)組發(fā)生了變化,但沒有創(chuàng)建新的數(shù)組。將指定數(shù)組進(jìn)行排序,返回排好序的數(shù)組。顛倒數(shù)組元素的順序,返回逆序后的數(shù)組。

數(shù)組,對于每一個前端人員來說是非常常見且重要的數(shù)據(jù)結(jié)構(gòu)之一,也是面試常常出現(xiàn)的題目,掌握數(shù)組的方法能幫助我們更高效地處理問題。不過在數(shù)組的學(xué)習(xí)中,我們常常會混淆數(shù)組本身的方法和Javascript提供的數(shù)組的方法,在這里只簡單歸納一下。

常用的數(shù)組方法 1、pop()

刪除數(shù)組的最后一個元素,返回被刪除的元素,原數(shù)組長度減1。原數(shù)組發(fā)生了變化,但沒有創(chuàng)建新的數(shù)組。

2、shift()

刪除數(shù)組的第一個元素,返回被刪除的元素,原數(shù)組長度減1。原數(shù)組發(fā)生了變化,但沒有創(chuàng)建新的數(shù)組.

3、unshift()

添加元素到數(shù)組的第一位,返回添加后的數(shù)組的長度,可見,原數(shù)組長度加1。原數(shù)組發(fā)生了變化,但沒有創(chuàng)建新的數(shù)組。

4、push()

添加元素到數(shù)組的最后,返回添加后的數(shù)組的長度,可見,原數(shù)組長度加1。原數(shù)組發(fā)生了變化,但沒有創(chuàng)建新的數(shù)組。

5、sort()

將指定數(shù)組進(jìn)行排序,返回排好序的數(shù)組。改變了數(shù)組。

6、reverse()

顛倒數(shù)組元素的順序,返回逆序后的數(shù)組。改變了數(shù)組。

7、join(separator)

返回字符串值,不影響原數(shù)組。

8、toString()

將數(shù)組轉(zhuǎn)為字符串,與join()的默認(rèn)效果一致

9、splice(start, end)

返回被刪除的元素,從start開始刪,刪end個(包含start)。

splice(start, end, item):返回被刪除的元素,并插入新的元素item(從被刪的位置插入)

10、concat()

拼接兩個或多個數(shù)組,返回新數(shù)組,對原數(shù)組沒有影響

11、slice(start, end)

返回截取的新數(shù)組,從start開始截取,截end個,但截取的元素不包含第end個的元素,即截取end-1個。
slice(0):復(fù)制舊數(shù)組,生成新數(shù)組。

ES5新增的方法 1、indexOf()

返回查找項第一次在數(shù)組中出現(xiàn)的位置,第一個參數(shù)為查找項,第二個參數(shù)可選,為查找開始的位置。如果查找不到,則返回 -1。這常常應(yīng)用在數(shù)組去重的案例中。

2、lastindexOf()

從后往前找,查找方向與 indexOf 相反。

3、every(callback, [this.Arg])

當(dāng)數(shù)組的所有元素都滿足條件時,返回 true,否則返回false。

條件是item>3,只有4,5,6,7大于3,返回false
4、some(callback, [this.Arg])

只要數(shù)組有一項元素滿足條件,就返回 true,否則返回false。

條件是item>3,4,5,6,7大于3,返回true
5、filter(callback, [this.Arg])

滿足條件的元素組成新的數(shù)組

條件是item>3,4, 5, 6, 7大于3,返回[4, 5, 6, 7]
6、map(callback, [this.Arg])

每次調(diào)用函數(shù)處理后的值組成新的數(shù)組

var arr = [{"name": "Amy", age: 20}, {"name": "Sheldon"}, age: 22];
var result = map(function(item, index, array){
  return item.age   //返回[20, 22]
})
7、forEach()

循環(huán)遍歷,與for循環(huán)差不多,適用于循環(huán)次數(shù)未知,缺點是不能中斷循環(huán)

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/100888.html

相關(guān)文章

  • 與dom事件流相關(guān)的二三事

    摘要:但對于整個事件流上的別的元素來說,執(zhí)行順序還會受到另外一個因素的影響。以上面的場景為例,在捕獲階段執(zhí)行的事件,如果執(zhí)行,則事件流終止,不會到達(dá)目標(biāo)階段,的世界則不會被執(zhí)行執(zhí)行結(jié)果為線上參考事件流 向dom綁定事件的事件的三種方式 行內(nèi)綁定 按鈕 js內(nèi)綁定 btnDom.onclick = function clickHandler() { console.log(click)...

    Anleb 評論0 收藏0
  • 分表后需要注意的二三事

    摘要:分表字段的選擇。問題產(chǎn)生之前提到在分表應(yīng)用上線前我們需要將原有表的數(shù)據(jù)遷移到新表中,這樣才能保證業(yè)務(wù)不受影響。雖說凌晨的業(yè)務(wù)量下降,但依然有少部分的請求過來,也會出現(xiàn)各種數(shù)據(jù)庫異常。 showImg(https://segmentfault.com/img/remote/1460000019462791?w=496&h=285); 前言 本篇是上一篇《一次分表踩坑實踐的探討》,所以還沒...

    dongxiawu 評論0 收藏0
  • 前端渲染過程的二三事

    摘要:前端渲染過程的二三事本文不會介紹整個前端渲染過程的步驟,只是記錄最近閱讀的文章的些許思考和感悟。那么現(xiàn)在我們可以明白這個問題的關(guān)鍵所在了,因為在大部分頁面中是擁有的,而由于其解析順序,那么在事件之前必定已經(jīng)成功構(gòu)造樹。 前端渲染過程的二三事 本文不會介紹整個前端渲染過程的步驟,只是記錄最近閱讀的文章的些許思考和感悟。(文章地址一(系列),文章地址二) 希望大家在閱讀這篇文章之前能將上述...

    Rindia 評論0 收藏0
  • 關(guān)于UUID的二三事

    摘要:規(guī)范定義來自于發(fā)布的一個規(guī)范。其中的字母是進(jìn)制表示,大小寫無關(guān)。在里面的使用的例子其中,最后的個字符就是我電腦網(wǎng)卡的地址版本安全的安全的和基于時間的算法相同,但會把時間戳的前位置換為的或。 一、簡介 UUID,是Universally Unique Identifier的縮寫,UUID出現(xiàn)的目的,是為了讓分布式系統(tǒng)可以不借助中心節(jié)點,就可以生成UUID來標(biāo)識一些唯一的信息; GUID,...

    2json 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<