摘要：英文文章來源于數(shù)組最大公約數(shù)計算數(shù)字數(shù)組最大公約數(shù)用和運算式使用遞歸計算一個數(shù)字數(shù)組的最大公約數(shù)數(shù)組最小公倍數(shù)求數(shù)字數(shù)組的最小公倍數(shù)用和運算式使用遞歸計算一個數(shù)字數(shù)組的最小公倍數(shù)返回一個數(shù)組中的最大值。

英文文章來源于：https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md

計算數(shù)字數(shù)組最大公約數(shù) (gcd).

用 Array.reduce() 和 gcd 運算式 (使用遞歸) 計算一個數(shù)字數(shù)組的最大公約數(shù).

const arrayGcd = arr => {
  const gcd = (x, y) => !y ? x : gcd(y, x % y);
  return arr.reduce((a,b) => gcd(a,b));
}
// arrayGcd([1,2,3,4,5]) -> 1
// arrayGcd([4,8,12]) -> 4

求數(shù)字數(shù)組的最小公倍數(shù) (lcm).

用 Array.reduce() 和 lcm 運算式 (使用遞歸) 計算一個數(shù)字數(shù)組的最小公倍數(shù).

const arrayLcm = arr =>{
  const gcd = (x, y) => !y ? x : gcd(y, x % y);
  const lcm = (x, y) => (x*y)/gcd(x, y); 
  return arr.reduce((a,b) => lcm(a,b));
}
// arrayLcm([1,2,3,4,5]) -> 60
// arrayLcm([4,8,12]) -> 24

返回一個數(shù)組中的最大值。

使用 Math.max() 結(jié)合spread操作符 (...) 去獲取數(shù)組中的最大值.

const arrayMax = arr => Math.max(...arr);
// arrayMax([10, 1, 5]) -> 10

返回數(shù)組中的最小值.

用 Math.min() 集合spread操作符 (...) 去獲取數(shù)組中的最小值.

const arrayMin = arr => Math.min(...arr);
// arrayMin([10, 1, 5]) -> 1

將一個數(shù)組分成指定長度的塊數(shù)組.

用 Array.from() 生成一個適當(dāng)長度的塊數(shù)組,然后遍歷整個塊數(shù)組.
用 Array.slice() 分割原數(shù)組向塊數(shù)組中的塊中插入元素，塊的長度為 size.
如果原數(shù)組最終不能在進行分割，那么這個塊將包含剩余的所有元素.

const chunk = (arr, size) =>
  Array.from({length: Math.ceil(arr.length / size)}, (v, i) => arr.slice(i * size, i * size + size));
// chunk([1,2,3,4,5], 2) -> [[1,2],[3,4],[5]]

將數(shù)組中的非真值移除.

用 Array.filter() 去移除非真值 (false, null, 0, "", undefined, and NaN).

const compact = arr => arr.filter(Boolean);
// compact([0, 1, false, 2, "", 3, "a", "e"*23, NaN, "s", 34]) -> [ 1, 2, 3, "a", "s", 34 ]

注：Boolean的初始值為false

計算一個值在數(shù)組中出現(xiàn)的次數(shù).

用 Array.reduce() 去計算每次遇到的特定值的次數(shù).

const countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
// countOccurrences([1,1,2,1,2,3], 1) -> 3

抹平數(shù)組(沒有嵌套的數(shù)組).

使用遞歸.
用 Array.concat() 拼接一個空數(shù)組 ([]) 然后使用spread操作符 (...) 去抹平數(shù)組.

const deepFlatten = arr => [].concat(...arr.map(v => Array.isArray(v) ? deepFlatten(v) : v));
// deepFlatten([1,[2],[[3],4],5]) -> [1,2,3,4,5]

返回的數(shù)組中元素來自于源數(shù)組，但不包含目標數(shù)組中的元素.

將目標數(shù)組轉(zhuǎn)化為一個 Set, 然后用 Array.filter() 過濾原數(shù)組返回不在目標數(shù)組中的元素.

const difference = (a, b) => { const s = new Set(b); return a.filter(x => !s.has(x)); };
// difference([1,2,3], [1,2,4]) -> [3]

const difference2 = (a, b) => a.filter(x => b.indexOf(x) === -1)
// difference2([1,2,3], [1,2,4]) -> [3]

const difference2 = (a, b) => a.filter(x => !b.includes(x))
// difference2([1,2,3], [1,2,4]) -> [3]

返回的數(shù)組中元素來自于源數(shù)組和目標數(shù)組中的元素經(jīng)過comp后的元素.

用 Array.filter() 和 Array.find() 去找出合適的元素.

const differenceWith = (res, dest, comp) => res.filter(a => !dest.find(b => comp(a, b)))
// differenceWith([1, 1.2, 1.5, 3], [1.9, 3], (a,b) => Math.round(a) == Math.round(b)) -> [1, 1.2]

數(shù)組去重.

用 ES6 Set 和 ...rest 操作符去除所有重復(fù)的元素.

const distinctValuesOfArray = arr => [...new Set(arr)];
// distinctValuesOfArray([1,2,2,3,4,4,5]) -> [1,2,3,4,5]

移除數(shù)組中的元素直到func返回 true，返回使數(shù)組中剩余的元素.

循環(huán)數(shù)組, 判斷func是否返回 true，如果否使用 Array.slice() 移除數(shù)組中的第一個元素，直到 function 返回 true; 否則，直接返回數(shù)組.

const dropElements = (arr, func) => {
  while (arr.length > 0 && !func(arr[0])) arr.splice(0,1);
  return arr;
};
// dropElements([1, 2, 3, 4], n => n >= 3) -> [3,4]

const dropElements = (arr, func) => {
  while (arr.length > 0 && !func(arr[0])) arr.splice(0, 1);
  return arr;
};
dropElements([4, 3, 2, 1], n => n >= 3)

移除數(shù)組中的元素如果func返回 true

使用 Array.filter()來進行數(shù)組過濾

const dropElements = (arr, func) => arr.filter(!func)
dropElements([4, 3, 2, 1], n => n >= 3)

返回一個從用變?nèi)コ?n 個元素的數(shù)組

如果 n 小于數(shù)組的長度用 Array.slice() 去分割數(shù)組，然后返回分割得到的數(shù)組，否則返回一個空數(shù)組.

const dropRight = (arr, n = 1) => n < arr.length ? arr.slice(0, arr.length - n) : []
// dropRight([1,2,3]) -> [1,2]
// dropRight([1,2,3], 2) -> [1]
// dropRight([1,2,3], 42) -> []

const dropRight = (arr, n = 1) => n < arr.length ? arr.splice(0, arr.length - n) : []
// dropRight([1,2,3])

每遍歷 n 個元素，返回一個元素.

用 Array.filter() 去篩選出一個數(shù)組，篩選條件是每遍歷 n 個元素，返回一個元素.

const everyNth = (arr, nth) => arr.filter((e, i) => i % nth === nth - 1);
// everyNth([1,2,3,4,5,6], 2) -> [ 2, 4, 6 ]

過濾移除數(shù)組中重復(fù)出現(xiàn)的元素.

用 Array.filter() 保留數(shù)組中獨一無二的元素.

const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));
// filterNonUnique([1,2,2,3,4,4,5]) -> [1,3,5]

抹平數(shù)組.

用一個空數(shù)組和spread ... 操作符來生成一個沒有嵌套的數(shù)組.

const flatten = arr => [].concat( ...arr );
// flatten([1,[2],3,4]) -> [1,2,3,4]

抹平數(shù)組取決于指定的值 depth.

通過遞減 depth，然后使用遞歸來完成.
用 Array.reduce() 和 Array.concat() 來合并元素或者數(shù)組.
默認 depth 值為 1 時停止遞歸.
省略定義 depth，將返回數(shù)組本身.

const flattenDepth = (arr, depth = 1) =>
  depth != 1 ? arr.reduce((a, v) => a.concat(Array.isArray(v) ? flattenDepth(v, depth - 1) : v), [])
  : arr.reduce((a, v) => a.concat(v), []);
// flattenDepth([1,[2],[[[3],4],5]], 2) -> [1,2,[3],4,5]

根據(jù)給定的函數(shù)來對數(shù)組中的元素進行分組.

用 Array.map() 依據(jù) func 來遍歷數(shù)組中的元素.
用 Array.reduce() 創(chuàng)建一個對象, 對象中的key是map的結(jié)果.

const groupBy = (arr, func) =>
  arr.map(typeof func === "function" ? func : val => val[func])
    .reduce((acc, val, i) => { acc[val] = (acc[val] || []).concat(arr[i]); return acc; }, {});
// groupBy([6.1, 4.2, 6.3], Math.floor) -> {4: [4.2], 6: [6.1, 6.3]}
// groupBy(["one", "two", "three"], "length") -> {3: ["one", "two"], 5: ["three"]}

返回數(shù)組中的第一個元素.

用 arr[0] 返回傳入數(shù)組的第一個元素.

const head = arr => arr[0];
// head([1,2,3]) -> 1

返回數(shù)組中出最后一個外的所有元素.

用 arr.slice(0,-1) 來實現(xiàn).

const initial = arr => arr.slice(0, -1);
// initial([1,2,3]) -> [1,2]

通過傳入寬高和默認值來初始化一個二維數(shù)組.

用 Array.map() 去生成一個 h 列， 每列是一個長度為 w，默認值是 value的數(shù)組的二維數(shù)組. 如果默認值沒有提供，那么默認值就為 null.

const initialize2DArray = (w, h, val = null) => Array(h).fill().map(() => Array(w).fill(val));
// initializeArrayWithRange(2, 2, 0) -> [[0,0], [0,0]]

初始化一個數(shù)組，這個數(shù)組包含限定范圍的數(shù)字 start 和 end.

用 Array.from((end + 1) - start) 去創(chuàng)建一個長度為end - start + 1的數(shù)組，然后用Array.map() 為初始化的數(shù)組賦值.
你可以省略 start，它的默認值是 0.

const initializeArrayWithRange = (end, start = 0) => 
  Array.from({ length: (end + 1) - start }).map((v, i) => i + start);
// initializeArrayWithRange(5) -> [0,1,2,3,4,5]
// initializeArrayWithRange(7, 3) -> [3,4,5,6,7]

初始化一個長度為 n 數(shù)組,默認值為 value 的數(shù)組.

用 Array(n) 去創(chuàng)建一個長度為n，元素值為空的數(shù)組,然后用 fill(v) 為每個元素賦值為 value.
如果省略 value ,元素的默認值為 0.

const initializeArrayWithValues = (n, value = 0) => Array(n).fill(value);
// initializeArrayWithValues(5, 2) -> [2,2,2,2,2]

返回兩個數(shù)組的共有元素.

將 b 轉(zhuǎn)換為一個集合 Set , 然后用 Array.filter() 過濾掉 a 中包含 b 中的元素.

const intersection = (a, b) => { const s = new Set(b); return a.filter(x => s.has(x)); };
// intersection([1,2,3], [4,3,2]) -> [2,3]

返回數(shù)組中的最后一個元素.

用 arr.length - 1 作為給定數(shù)組最后一個元素的索引，返回該索引位置的元素.

const last = arr => arr[arr.length - 1];
// last([1,2,3]) -> 3

用一個函數(shù)作為映射規(guī)則，將數(shù)組轉(zhuǎn)化為一個對象, 對象的鍵值對由原始的的的值作為鍵，映射得到的值作為值.

使用內(nèi)部匿名函數(shù)的作用域去聲明一個undefined的內(nèi)存空間, 用閉包去存儲返回值. 用一個新 Array 存儲原數(shù)組和經(jīng)過 fn 映射的結(jié)果，然后用 , 操作符實現(xiàn)下一步的return操作, 無需上下文的切換 (由于閉包和操作順序).

const mapObject = (arr, fn) => 
  (a => (a = [arr, arr.map(fn)], a[0].reduce( (acc,val,i) => (acc[val] = a[1][i], acc), {}) )) ();
/*
const squareIt = arr => mapObject(arr, a => a*a)
squareIt([1,2,3]) // { 1: 1, 2: 4, 3: 9 }
*/

返回數(shù)組中的第 n 個元素.

用 Array.slice() 去獲得包含第 n 個元素的數(shù)組，數(shù)組長度為1.
如果索引超出數(shù)組范圍，返回一個 [].
如果省略參數(shù) n, 默認的獲取數(shù)組的第一個元素.

const nthElement = (arr, n = 0) => (n > 0 ? arr.slice(n,n+1) : arr.slice(n))[0];
// nthElement(["a","b","c"],1) -> "b"
// nthElement(["a","b","b"],-3) -> "a"

從對象中篩選出arr中指定的鍵值對.

用 Array.reduce() 去過濾并挑選出對象中所包含的鍵的鍵值對.

const pick = (obj, arr) =>
  arr.reduce((acc, cur) => (cur in obj && (acc[cur] = obj[cur]), acc), {});
// pick({ "a": 1, "b": "2", "c": 3 }, ["a", "c"]) -> { "a": 1, "c": 3 }

去除數(shù)組中的指定值.

用 Array.filter() 和 Array.includes() 清除數(shù)組中不需要的值.
用 Array.length = 0 初始化數(shù)組，然后用arr.push()放入過濾后剩余的數(shù)組元素 pulled.

const pull = (arr, ...args) => {
  let argState = Array.isArray(args[0]) ? args[0] : args;
  let pulled = arr.filter((v, i) => !argState.includes(v));
  arr.length = 0; 
  pulled.forEach(v => arr.push(v));
};

// let myArray1 = ["a", "b", "c", "a", "b", "c"];
// pull(myArray1, "a", "c");
// console.log(myArray1) -> [ "b", "b" ]

// let myArray2 = ["a", "b", "c", "a", "b", "c"];
// pull(myArray2, ["a", "c"]);
// console.log(myArray2) -> [ "b", "b" ]

過濾出指定索引的數(shù)組元素，并修改原數(shù)組.

用 Array.filter() 和 Array.includes() 提取不需要的元素.
用 Array.length = 0 初始化數(shù)組且長度為零, 用 Array.push() 重新傳入剩余的元素.
用 Array.push() 記錄pulled值

const pullAtIndex = (arr, pullArr) => {
  let removed = [];
  let pulled = arr.map((v, i) => pullArr.includes(i) ? removed.push(v) : v)
                  .filter((v, i) => !pullArr.includes(i))
  arr.length = 0; 
  pulled.forEach(v => arr.push(v));
  return removed;
}

// let myArray = ["a", "b", "c", "d"];
// let pulled = pullAtIndex(myArray, [1, 3]);

// console.log(myArray); -> [ "a", "c" ]
// console.log(pulled); -> [ "b", "d" ]

從原數(shù)組中過濾出指定元素. 返回過濾出的元素.

用 Array.filter() 和 Array.includes() 移除不必要的元素.
用 Array.length = 0 初始化元素組且長度為零，用 Array.push() 重新傳入剩余的元素.
用 Array.push() 記錄 pulled 值

const pullAtValue = (arr, pullArr) => {
  let removed = [], 
    pushToRemove = arr.forEach((v, i) => pullArr.includes(v) ? removed.push(v) : v),
    mutateTo = arr.filter((v, i) => !pullArr.includes(v));
  arr.length = 0;
  mutateTo.forEach(v => arr.push(v));
  return removed;
}
/*
let myArray = ["a", "b", "c", "d"];
let pulled = pullAtValue(myArray, ["b", "d"]);
console.log(myArray); -> [ "a", "c" ]
console.log(pulled); -> [ "b", "d" ]
*/

const pullAtValue = (arr, pullArr) => {
  let removed = []; 
  arr.forEach((v, i) => pullArr.includes(v) ? removed.push(v) : v);
  pullArr.filter((v) => arr.splice(arr.indexOf(v), 1));
  return removed;
}
/*
let myArray = ["a", "b", "c", "d"];
let pulled = pullAtValue(myArray, ["b", "d"]);
console.log(myArray); -> [ "a", "c" ]
console.log(pulled); -> [ "b", "d" ]
*/

如果給定的函數(shù)返回 false, 則從數(shù)組中移除元素.

用 Array.filter() 找返回 false 的數(shù)組元素，用 Array.reduce() 和 Array.splice() 對原數(shù)組進行處理.
func 調(diào)用 (value, index, array) 參數(shù).

const remove = (arr, func) =>
  Array.isArray(arr) ? arr.filter(func).reduce((acc, val) => {
    arr.splice(arr.indexOf(val), 1);
    return acc.concat(val);
  }, []) : [];
// remove([1, 2, 3, 4], n => n % 2 == 0) -> [2, 4]

從數(shù)組中返回一個隨機元素.

用 Math.random() 生成一個隨機數(shù), 乘以數(shù)組的 length ，然后 Math.floor() 進行下舍入.
這個方法也適合字符串.

const sample = arr => arr[Math.floor(Math.random() * arr.length)];
// sample([3, 7, 9, 11]) -> 9

返回一個數(shù)組，數(shù)組元素在兩個給定的數(shù)組中均有.

用 filter()過濾出不在另一個數(shù)組中的 values, 確定條件用 includes().

const similarity = (arr, values) => arr.filter(v => values.includes(v));
// similarity([1,2,3], [1,2,4]) -> [1,2]

返回一個數(shù)組，包含在給定的兩個數(shù)組中均未出現(xiàn)的元素.

為每個數(shù)組創(chuàng)建一個 Set , 然后用 Array.filter() 過濾剩下都有的元素.

const symmetricDifference = (a, b) => {
  const sA = new Set(a), sB = new Set(b);
  return [...a.filter(x => !sB.has(x)), ...b.filter(x => !sA.has(x))];
}
// symmetricDifference([1,2,3], [1,2,4]) -> [3,4]

const symmetricDifference = (a, b) => [...(new Set([...a,...b]))].filter((v) => !a.includes(v) || !b.includes(v));
// symmetricDifference([1,2,3], [1,2,4]) -> [3,4]

隨機化一個數(shù)組值的順序.

用 Array.sort() 重新排序數(shù)組 , 用 Math.random() 作比較器.

const shuffle = arr => arr.sort(() => Math.random() - 0.5);
// shuffle([1,2,3]) -> [2,3,1]

返回數(shù)組中出第一個元素外的所有元素.

如果，數(shù)組 length 大于 1 返回 arr.slice(1)，否者，返回整個數(shù)組.

const tail = arr => arr.length > 1 ? arr.slice(1) : arr;
// tail([1,2,3]) -> [2,3]
// tail([1]) -> [1]

返回指定長度的數(shù)組，數(shù)組中元素從數(shù)組第一個元素起.

用 Array.slice() 從原始數(shù)組的第一個元素起，截取 n 個元素.

const take = (arr, n = 1) => arr.slice(0, n);
// take([1, 2, 3], 5) -> [1, 2, 3]
// take([1, 2, 3], 0) -> []

返回指定長度的數(shù)組，數(shù)組中元素從數(shù)組最后一個元素起.

用 Array.slice() 從原始數(shù)組的最后一個元素起，截取 n 個元素.

const takeRight = (arr, n = 1) => arr.slice(arr.length - n, arr.length);
// takeRight([1, 2, 3], 2) -> [ 2, 3 ]
// takeRight([1, 2, 3]) -> [3]

返回兩個數(shù)組中存在的所有元素.

創(chuàng)建一個 Set 用 a 和 b 所有元素，然后轉(zhuǎn)換為數(shù)組.

const union = (a, b) => Array.from(new Set([...a, ...b]));
// union([1,2,3], [4,3,2]) -> [1,2,3,4]

從數(shù)組中移除所有指定的元素.

用 Array.filter() 過濾出所有制定的元素(用 !Array.includes() 做過濾條件 ).

(For a snippet that mutates the original array see pull)

const without = (arr, ...args) => arr.filter(v => !args.includes(v));
// without([2, 1, 2, 3], 1, 2) -> [3]

創(chuàng)建一個數(shù)組，根據(jù)原始數(shù)組中的位置進行分組.

用 Math.max.apply() 獲得參數(shù)中最長的數(shù)組的長度.
創(chuàng)建一個用該長度做返回值并使用 array.from 和 map() 創(chuàng)建分組的元素數(shù)組.
如果參數(shù)數(shù)組的長度不同, undefined 將被用于沒有元素的地方.

const zip = (...arrays) => {
  const maxLength = Math.max(...arrays.map(x => x.length));
  return Array.from({length: maxLength}).map((_, i) => {
   return Array.from({length: arrays.length}, (_, k) => arrays[k][i]);
  })
}
//zip(["a", "b"], [1, 2], [true, false]); -> [["a", 1, true], ["b", 2, false]]
//zip(["a"], [1, 2], [true, false]); -> [["a", 1, true], [undefined, 2, false]]

給定一個有效的屬性標識數(shù)組，返回一個屬性與值相關(guān)聯(lián)的對象.
因為對象可以有未定義的值，但不能有未定義的屬性指針，所以使用 Array.reduce() 決定結(jié)果對象的結(jié)構(gòu).

const zipObject = ( props, values ) => props.reduce( ( obj, prop, index ) => ( obj[prop] = values[index], obj ), {} )
// zipObject(["a","b","c"], [1,2]) -> {a: 1, b: 2, c: undefined}
// zipObject(["a","b"], [1,2,3]) -> {a: 1, b: 2}

更多關(guān)于30-seconds-code中文翻譯
https://github.com/lvzhenbang/article/blob/master/js/30-seconds-code/index.md