文章轉(zhuǎn)自 掘金

一，用好 filter，map，和其它 ES6 新增的高階遍歷函數(shù)
二，理解和熟練使用 reduce
三，用遞歸代替循環(huán)（可以break?。?br> 四，使用高階函數(shù)遍歷數(shù)組時可能遇到的陷阱
五，死磕到底，Transduce！
六，for 循環(huán)和 for … of 循環(huán)的區(qū)別
七，放棄倔強，實在需要用 for 循環(huán)了

問題一： 將數(shù)組中的 falsy 值去除

const arrContainsEmptyVal = [3, 4, 5, 2, 3, undefined, null, 0, ""];

答案：

const compact = arr => arr.filter(Boolean);

問題三： 判斷字符串中是否含有元音字母

const randomStr = "hdjrwqpi";

答案：

const isVowel = char => ["a", "e", "o", "i", "u"].includes(char);
const containsVowel = str => [...str].some(isVowel);

containsVowel(randomStr);

問題四： 判斷用戶是否全部是成年人

const users = [
  { name: "Jim", age: 23 },
  { name: "Lily", age: 17 },
  { name: "Will", age: 25 }
];

答案：

users.every(user => user.age >= 18);

問題五： 找出上面用戶中的第一個未成年人

答案：

const findTeen = users => users.find(user => user.age < 18);
findTeen(users);

問題六： 將數(shù)組中重復(fù)項清除

const dupArr = [1, 2, 3, 3, 3, 3, 6, 7];

答案：

const uniq = arr => [...new Set(arr)];
uniq(dupArr);

問題七： 生成由隨機整數(shù)組成的數(shù)組，數(shù)組長度和元素大小可自定義

答案：

const genNumArr = (length, limit) =>
  Array.from({ length }, _ => Math.floor(Math.random() * limit));
genNumArr(10, 100);

問題八： 不借助原生高階函數(shù)，定義 reduce

答案：

const reduce = (f, acc, arr) => {
  if (arr.length === 0) return acc;
  const [head, ...tail] = arr;
  return reduce(f, f(head, acc), tail);
};

問題九： 將多層數(shù)組轉(zhuǎn)換成一層數(shù)組

const nestedArr = [1, 2, [3, 4, [5, 6]]];

答案：

const flatten = arr =>
  arr.reduce(
    (flat, next) => flat.concat(Array.isArray(next) ? flatten(next) : next),
    []
  );

問題十： 將下面數(shù)組轉(zhuǎn)成對象，key/value 對應(yīng)里層數(shù)組的兩個值

const objLikeArr = [["name", "Jim"], ["age", 18], ["single", true]];

答案：

const fromPairs = pairs =>
  pairs.reduce((res, pair) => ((res[pair[0]] = pair[1]), res), {});
fromPairs(objLikeArr);

問題十一： 取出對象中的深層屬性

const deepAttr = { a: { b: { c: 15 } } };

答案：

const pluckDeep = path => obj =>
  path.split(".").reduce((val, attr) => val[attr], obj);
pluckDeep("a.b.c")(deepAttr);

問題十二： 將用戶中的男性和女性分別放到不同的數(shù)組里：

const users = [
  { name: "Adam", age: 30, sex: "male" },
  { name: "Helen", age: 27, sex: "female" },
  { name: "Amy", age: 25, sex: "female" },
  { name: "Anthony", age: 23, sex: "male" },
];

答案：

const partition = (arr, isValid) =>
  arr.reduce(
    ([pass, fail], elem) =>
      isValid(elem) ? [[...pass, elem], fail] : [pass, [...fail, elem]],
    [[], []],
  );

const isMale = person => person.sex === "male";

const [maleUser, femaleUser] = partition(users, isMale);

借助includes()方法求兩個數(shù)組的差集（適用于對象數(shù)組)

var a = [1, 2, {s:3}, {s:4}, {s:5}].map(item => JSON.stringify(item)) 
var b = [{s:2}, {s:3}, {s:4}, 'a'].map(item => JSON.stringify(item)) 
var diff = a.concat(b)
            .filter(v => !a.includes(v) || !b.includes(v))
            .map(item => JSON.parse(item)) // diff: [1, 2, {s:5}, {s:2}, "a"]