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

資訊專欄INFORMATION COLUMN

JavaScript es5中的Array常用的forEach、map、filter、indexOf

xuexiangjys / 3055人閱讀

摘要:的的區(qū)別和相同之處就是數(shù)組的遍歷循環(huán),回調(diào)支持三個參數(shù),第個是遍歷的數(shù)組內(nèi)容第個是對應(yīng)的數(shù)組索引,第個是數(shù)組本身他是沒有返回值得,不需要再下面,更進(jìn)一步,除了接受一個必須的回調(diào)函數(shù)參數(shù),還可以接受一個可選的上下文參數(shù)改變回調(diào)函數(shù)里面

Array的forEach、map的區(qū)別和相同之處 forEach

1、 forEach就是數(shù)組的遍歷、循環(huán) ,回調(diào)支持三個參數(shù),第1個是遍歷的數(shù)組內(nèi)容;第2個是對應(yīng)的數(shù)組索引,第3個是數(shù)組本身,他是沒有返回值得,不需要return

[1,3,1,3,4,5,6,2].forEach((value,index,array) => console.log("value"+ value + "--index--" + index))

2、再下面,更進(jìn)一步,forEach除了接受一個必須的回調(diào)函數(shù)參數(shù),還可以接受一個可選的上下文參數(shù)(改變回調(diào)函數(shù)里面的this指向)(第2個參數(shù))。

    var database = {
  users: ["張含韻", "江一燕", "李小璐"],
  sendEmail: function (user) {
    if (this.isValidUser(user)) {
      console.log("你好," + user);
    } else {
      console.log("抱歉,"+ user +",你不是本家人");    
    }
  },
  isValidUser: function (user) {
    return /^張/.test(user);
  }
};
// 給每個人法郵件
database.users.forEach(  // database.users中人遍歷
  database.sendEmail,    // 發(fā)送郵件
  database               // 使用database代替上面標(biāo)紅的this
);
map

1、 map方法的作用不難理解,“映射”嘛,也就是原數(shù)組被“映射”成對應(yīng)新數(shù)組,必須要return ,不然會undefined

var arr = [1,3,2,4,1,2,4,5],
    arrMap = arr.map((value,index,array) => value*value);
filter

1、指數(shù)組filter后,返回過濾后的新數(shù)組,有此可見,返回值只要是弱等于== true/false就可以了,而非非得返回 === true/false

 var arr = [1,3,2,4,1,2,4,5,0],
   arrMap = arr.filter((value) => value);
indexOf

1、 數(shù)組這里的indexOf方法與字符串的indexOf類似,返回整數(shù)索引值,如果沒有匹配(嚴(yán)格匹配),返回-1

  var arr = [2,1,4,5,1,5];
  console.log(arr.indexOf(1, "3")); //4
  console.log(arr.indexOf(9));//-1

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

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

相關(guān)文章

  • 「干貨」細(xì)說 Array 常用操作(ES5 和 ES6)

    摘要:今天,會更具體地將數(shù)組的常用操作進(jìn)行歸納和匯總,以便備不時之需。在公用庫中,一般會這么做的判斷新增的操作和傳入一個回調(diào)函數(shù),找到數(shù)組中符合當(dāng)前搜索規(guī)則的第一個元素,返回這個元素,并且終止搜索。 showImg(https://segmentfault.com/img/bVbpzuS?w=750&h=422); 前言 上一篇文章「前端面試題系列8」數(shù)組去重(10 種濃縮版) 中提到了不少...

    VincentFF 評論0 收藏0
  • JavaScript || 數(shù)組

    摘要:總結(jié)使用訪問數(shù)組元素,使用訪問數(shù)組屬性,如。數(shù)組的長度保證大于每個元素的索引值,數(shù)組沒有元素,最大索引為,為為數(shù)組元素賦值,如果其索引大于等于現(xiàn)有數(shù)組長度,的屬性值將設(shè)置為如果設(shè)置的值小于數(shù)組長度時,會將索引大于的元素全部刪除。 數(shù)組 數(shù)組是值的有序集合,數(shù)組中每個值稱為元素,元素在數(shù)組中的位置稱為索引。JavaScript中的數(shù)組是一種特殊的對象: 類屬性class attribu...

    Euphoria 評論0 收藏0
  • Javascript數(shù)組常用方法

    摘要:數(shù)組常用方法介紹刪除數(shù)組最后一位元素。開始下標(biāo)刪除個數(shù),插入元素可以多個注意當(dāng)數(shù)組執(zhí)行上面的這些方法時,都會修改原數(shù)組。輸出從數(shù)組中找出所有符合指定條件的元素。內(nèi)容返回將數(shù)組合成一個值。合并數(shù)組或合并數(shù)組的值。 JavaScript 數(shù)組常用方法介紹 array.pop – 刪除數(shù)組最后一位元素。 var arr = [1, 2, 3]; arr.pop();// 返回 3 arr;/...

    verano 評論0 收藏0
  • ES5新增 數(shù)組操作forEach()、map()、filter()、some()、every()

    摘要:方法,還有一個特性,當(dāng)缺省或是為,和方法一樣,通常我用對數(shù)組的每個元素進(jìn)行一定操作映射后,會返回一個新的數(shù)組該方法對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。 1. 前言 ES5中新增的一些處理數(shù)組(Array)的方法, 對于用JavaScript處理數(shù)據(jù)非常有用。我總結(jié)了一下,給這些方法分了類,大體如下: 2個索引方法:indexOf() 和 lastIndexOf(); 5個迭代方法:forEa...

    13651657101 評論0 收藏0

發(fā)表評論

0條評論

xuexiangjys

|高級講師

TA的文章

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