亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js的map、flatMap和find、filter的使用詳解

 更新時(shí)間：2024年12月26日 15:09:45   作者：qq_49077729  
map和flatMap都是返回一個(gè)新數(shù)組,map不會(huì)改變數(shù)組長(zhǎng)度,flatMap可以改變長(zhǎng)度,find和filter都是過濾操作,find只會(huì)返回第一個(gè)找到的值,而filter會(huì)返回全部符合要求的對(duì)象

js的map、flatMap和find、filter的使用

map和flatMap 都是返回一個(gè)新數(shù)組，map不會(huì)改變數(shù)組長(zhǎng)度，flatMap可以改變長(zhǎng)度

就是在數(shù)組上加工變成一個(gè)新的數(shù)組，切不會(huì)改變數(shù)組長(zhǎng)度，不滿足條件的返回undefined

map使用和flatMap是一樣的

結(jié)果也是一樣

let arr = [1, 2, 3, 4, 5, 6];
let res = arr.map((e) => {
  if (e % 2 == 0) {
    return e;
  }
});
console.log("res===[undefined, 2, undefined, 4, undefined, 6]",res);
let res2 = arr.map((e) => {
  return e * 2
});
console.log("res2===[2, 4, 6, 8, 10, 12]",res2);
//簡(jiǎn)介方式
let res3 = arr.map((e) =>  e * 2);
console.log("res3===[2, 4, 6, 8, 10, 12]",res3)

flatMap會(huì)將結(jié)果數(shù)組扁平化一層

就是返回的結(jié)果是一個(gè)數(shù)組，就會(huì)將數(shù)組去掉后返回，假如返回的不是數(shù)組，會(huì)變成數(shù)組在扁平化一層在返回

let arr = [1, 2, 3, 4, 5, 6];
let res = arr.flatMap((e) => {
  if (e % 2 == 0) {
    return e;
  }
});
console.log("res===[undefined, 2, undefined, 4, undefined, 6]");
let res2 = arr.flatMap((e) => {
  return e * 2
});
console.log("res2===[2, 4, 6, 8, 10, 12]");


let res3 = arr.flatMap((e) =>  {
  return [e,e * 2]
}
);
console.log("res3=== [1, 2, 2, 4, 3, 6, 4, 8, 5, 10, 6, 12]",res3)

find 、filter 都是過濾操作

找到符合要求的對(duì)象返回，區(qū)別在于find只會(huì)返回第一個(gè)找到的值，而filter會(huì)返回全部符合要求的對(duì)象

let res4 = arr.find((e) =>  {
  return e % 2 === 0
})
console.log("res4=== [2]",res4)

let res5 = arr.filter((e) =>  {
  return e % 2 === 0
})
console.log("res5=== [2,4,6]",res5)

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論