摘要:的的區(qū)別和相同之處就是數(shù)組的遍歷循環(huán),回調(diào)支持三個(gè)參數(shù),第個(gè)是遍歷的數(shù)組內(nèi)容第個(gè)是對(duì)應(yīng)的數(shù)組索引,第個(gè)是數(shù)組本身他是沒有返回值得,不需要再下面,更進(jìn)一步,除了接受一個(gè)必須的回調(diào)函數(shù)參數(shù),還可以接受一個(gè)可選的上下文參數(shù)改變回調(diào)函數(shù)里面
Array的forEach、map的區(qū)別和相同之處 forEach
1、 forEach就是數(shù)組的遍歷、循環(huán) ,回調(diào)支持三個(gè)參數(shù),第1個(gè)是遍歷的數(shù)組內(nèi)容;第2個(gè)是對(duì)應(yīng)的數(shù)組索引,第3個(gè)是數(shù)組本身,他是沒有返回值得,不需要return
[1,3,1,3,4,5,6,2].forEach((value,index,array) => console.log("value"+ value + "--index--" + index))
2、再下面,更進(jìn)一步,forEach除了接受一個(gè)必須的回調(diào)函數(shù)參數(shù),還可以接受一個(gè)可選的上下文參數(shù)(改變回調(diào)函數(shù)里面的this指向)(第2個(gè)參數(shù))。
var database = { users: ["張含韻", "江一燕", "李小璐"], sendEmail: function (user) { if (this.isValidUser(user)) { console.log("你好," + user); } else { console.log("抱歉,"+ user +",你不是本家人"); } }, isValidUser: function (user) { return /^張/.test(user); } }; // 給每個(gè)人法郵件 database.users.forEach( // database.users中人遍歷 database.sendEmail, // 發(fā)送郵件 database // 使用database代替上面標(biāo)紅的this );map
1、 map方法的作用不難理解,“映射”嘛,也就是原數(shù)組被“映射”成對(duì)應(yīng)新數(shù)組,必須要return ,不然會(huì)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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/82381.html
摘要:今天,會(huì)更具體地將數(shù)組的常用操作進(jìn)行歸納和匯總,以便備不時(shí)之需。在公用庫中,一般會(huì)這么做的判斷新增的操作和傳入一個(gè)回調(diào)函數(shù),找到數(shù)組中符合當(dāng)前搜索規(guī)則的第一個(gè)元素,返回這個(gè)元素,并且終止搜索。 showImg(https://segmentfault.com/img/bVbpzuS?w=750&h=422); 前言 上一篇文章「前端面試題系列8」數(shù)組去重(10 種濃縮版) 中提到了不少...
摘要:總結(jié)使用訪問數(shù)組元素,使用訪問數(shù)組屬性,如。數(shù)組的長度保證大于每個(gè)元素的索引值,數(shù)組沒有元素,最大索引為,為為數(shù)組元素賦值,如果其索引大于等于現(xiàn)有數(shù)組長度,的屬性值將設(shè)置為如果設(shè)置的值小于數(shù)組長度時(shí),會(huì)將索引大于的元素全部刪除。 數(shù)組 數(shù)組是值的有序集合,數(shù)組中每個(gè)值稱為元素,元素在數(shù)組中的位置稱為索引。JavaScript中的數(shù)組是一種特殊的對(duì)象: 類屬性class attribu...
摘要:數(shù)組常用方法介紹刪除數(shù)組最后一位元素。開始下標(biāo)刪除個(gè)數(shù),插入元素可以多個(gè)注意當(dāng)數(shù)組執(zhí)行上面的這些方法時(shí),都會(huì)修改原數(shù)組。輸出從數(shù)組中找出所有符合指定條件的元素。內(nèi)容返回將數(shù)組合成一個(gè)值。合并數(shù)組或合并數(shù)組的值。 JavaScript 數(shù)組常用方法介紹 array.pop – 刪除數(shù)組最后一位元素。 var arr = [1, 2, 3]; arr.pop();// 返回 3 arr;/...
摘要:方法,還有一個(gè)特性,當(dāng)缺省或是為,和方法一樣,通常我用對(duì)數(shù)組的每個(gè)元素進(jìn)行一定操作映射后,會(huì)返回一個(gè)新的數(shù)組該方法對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。 1. 前言 ES5中新增的一些處理數(shù)組(Array)的方法, 對(duì)于用JavaScript處理數(shù)據(jù)非常有用。我總結(jié)了一下,給這些方法分了類,大體如下: 2個(gè)索引方法:indexOf() 和 lastIndexOf(); 5個(gè)迭代方法:forEa...
閱讀 1076·2021-11-22 14:56
閱讀 1520·2019-08-30 15:55
閱讀 3359·2019-08-30 15:45
閱讀 1655·2019-08-30 13:03
閱讀 2868·2019-08-29 18:47
閱讀 3334·2019-08-29 11:09
閱讀 2641·2019-08-26 18:36
閱讀 2615·2019-08-26 13:55