30-seconds-code——Array

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

Array

数组最大公约数 (arrayGcd)

计算数字数组最大公约数 (gcd).

Array.reduce()gcd 运算式 (使用递归) 计算一个数字数组的最大公约数.

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

数组最小公倍数 (arrayLcm)

求数字数组的最小公倍数 (lcm).

Array.reduce()lcm 运算式 (使用递归) 计算一个数字数组的最小公倍数.

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

arrayMax

返回一个数组中的最大值。

使用 Math.max() 结合spread操作符 (...) 去获取数组中的最大值.

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

arrayMin

返回数组中的最小值.

Math.min() 集合spread操作符 (...) 去获取数组中的最小值.

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

chunk

将一个数组分成指定长度的块数组.

Array.from() 生成一个适当长度的块数组,然后遍历整个块数组.
Array.slice() 分割原数组向块数组中的块中插入元素,块的长度为 size.
如果原数组最终不能在进行分割,那么这个块将包含剩余的所有元素.

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]]

compact

将数组中的非真值移除.

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

countOccurrences

计算一个值在数组中出现的次数.

Array.reduce() 去计算每次遇到的特定值的次数.

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

deepFlatten

抹平数组(没有嵌套的数组).

使用递归.
Array.concat() 拼接一个空数组 ([]) 然后使用spread操作符 (...) 去抹平数组.

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

difference

返回的数组中元素来自于源数组,但不包含目标数组中的元素.

将目标数组转化为一个 Set, 然后用 Array.filter() 过滤原数组返回不在目标数组中的元素.

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]

differenceWith

返回的数组中元素来自于源数组和目标数组中的元素经过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]

distinctValuesOfArray

数组去重.

用 ES6 Set...rest 操作符去除所有重复的元素.

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

dropElements

移除数组中的元素直到func返回 true,返回使数组中剩余的元素.

循环数组, 判断func是否返回 true,如果否使用 Array.slice() 移除数组中的第一个元素,直到 function 返回 true; 否则,直接返回数组.

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)

移除数组中的元素如果func返回 true

使用 Array.filter()来进行数组过滤

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

dropRight

返回一个从用变去除 n 个元素的数组

如果 n 小于数组的长度用 Array.slice() 去分割数组,然后返回分割得到的数组,否则返回一个空数组.

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])

everyNth

每遍历 n 个元素,返回一个元素.

Array.filter() 去筛选出一个数组,筛选条件是每遍历 n 个元素,返回一个元素.

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

filterNonUnique

过滤移除数组中重复出现的元素.

Array.filter() 保留数组中独一无二的元素.

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

flatten

抹平数组.

用一个空数组和spread ... 操作符来生成一个没有嵌套的数组.

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

flattenDepth

抹平数组取决于指定的值 depth.

通过递减 depth,然后使用递归来完成.
Array.reduce()Array.concat() 来合并元素或者数组.
默认 depth 值为 1 时停止递归.
省略定义 depth,将返回数组本身.

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]

groupBy

根据给定的函数来对数组中的元素进行分组.

Array.map() 依据 func 来遍历数组中的元素.
Array.reduce() 创建一个对象, 对象中的key是map的结果.

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']}

head

返回数组中的第一个元素.

arr[0] 返回传入数组的第一个元素.

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

initial

返回数组中出最后一个外的所有元素.

arr.slice(0,-1) 来实现.

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

initialize2DArray

通过传入宽高和默认值来初始化一个二维数组.

Array.map() 去生成一个 h 列, 每列是一个长度为 w,默认值是 value的数组的二维数组. 如果默认值没有提供,那么默认值就为 null.

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

initializeArrayWithRange

初始化一个数组,这个数组包含限定范围的数字 startend.

Array.from((end + 1) - start) 去创建一个长度为end - start + 1的数组,然后用Array.map() 为初始化的数组赋值.
你可以省略 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]

initializeArrayWithValues

初始化一个长度为 n 数组,默认值为 value 的数组.

Array(n) 去创建一个长度为n,元素值为空的数组,然后用 fill(v) 为每个元素赋值为 value.
如果省略 value ,元素的默认值为 0.

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

intersection

返回两个数组的共有元素.

b 转换为一个集合 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]

last

返回数组中的最后一个元素.

arr.length - 1 作为给定数组最后一个元素的索引,返回该索引位置的元素.

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

mapObject

用一个函数作为映射规则,将数组转化为一个对象, 对象的键值对由原始的的的值作为键,映射得到的值作为值.

使用内部匿名函数的作用域去声明一个undefined的内存空间, 用闭包去存储返回值. 用一个新 Array 存储原数组和经过 fn 映射的结果,然后用 , 操作符实现下一步的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 }
*/

nthElement

返回数组中的第 n 个元素.

Array.slice() 去获得包含第 n 个元素的数组,数组长度为1.
如果索引超出数组范围,返回一个 [].
如果省略参数 n, 默认的获取数组的第一个元素.

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'

pick

从对象中筛选出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 }

pull

去除数组中的指定值.

Array.filter()Array.includes() 清除数组中不需要的值.
Array.length = 0 初始化数组,然后用arr.push()放入过滤后剩余的数组元素 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' ]

pullAtIndex

过滤出指定索引的数组元素,并修改原数组.

Array.filter()Array.includes() 提取不需要的元素.
Array.length = 0 初始化数组且长度为零, 用 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' ]

pullAtValue

从原数组中过滤出指定元素. 返回过滤出的元素.

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' ]
*/

remove

如果给定的函数返回 false, 则从数组中移除元素.

Array.filter() 找返回 false 的数组元素,用 Array.reduce()Array.splice() 对原数组进行处理.
func 调用 (value, index, array) 参数.

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]

sample

从数组中返回一个随机元素.

Math.random() 生成一个随机数, 乘以数组的 length ,然后 Math.floor() 进行下舍入.
这个方法也适合字符串.

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

similarity

返回一个数组,数组元素在两个给定的数组中均有.

filter()过滤出不在另一个数组中的 values, 确定条件用 includes().

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

symmetricDifference

返回一个数组,包含在给定的两个数组中均未出现的元素.

为每个数组创建一个 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]

shuffle

随机化一个数组值的顺序.

Array.sort() 重新排序数组 , 用 Math.random() 作比较器.

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

tail

返回数组中出第一个元素外的所有元素.

如果,数组 length 大于 1 返回 arr.slice(1),否者,返回整个数组.

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

take

返回指定长度的数组,数组中元素从数组第一个元素起.

Array.slice() 从原始数组的第一个元素起,截取 n 个元素.

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

takeRight

返回指定长度的数组,数组中元素从数组最后一个元素起.

Array.slice() 从原始数组的最后一个元素起,截取 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]

union

返回两个数组中存在的所有元素.

创建一个 Setab 所有元素,然后转换为数组.

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

without

从数组中移除所有指定的元素.

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]

zip

创建一个数组,根据原始数组中的位置进行分组.

Math.max.apply() 获得参数中最长的数组的长度.
创建一个用该长度做返回值并使用 array.frommap() 创建分组的元素数组.
如果参数数组的长度不同, 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]]

zipObject

给定一个有效的属性标识数组,返回一个属性与值相关联的对象.
因为对象可以有未定义的值,但不能有未定义的属性指针,所以使用 Array.reduce() 决定结果对象的结构.

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}

更多关于30-seconds-code中文翻译
https://github.com/lvzhenbang/article/blob/master/js/30-seconds-code/index.md

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,569评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,499评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,271评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,087评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,474评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,670评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,911评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,636评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,397评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,607评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,093评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,418评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,074评论 3 237
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,092评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,865评论 0 196
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,726评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,627评论 2 270

推荐阅读更多精彩内容

  • PHP数组函数,摘录于PHP手册 1、array_change_key_case (PHP 4 >= 4.2.0,...
    kotlin360阅读 662评论 2 1
  • php usleep() 函数延迟代码执行若干微秒。 unpack() 函数从二进制字符串对数据进行解包。 uni...
    思梦PHP阅读 1,966评论 1 24
  • PHP常用函数大全 usleep() 函数延迟代码执行若干微秒。 unpack() 函数从二进制字符串对数据进行解...
    上街买菜丶迷倒老太阅读 1,317评论 0 20
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,100评论 18 139
  • 数组是一种可变的、可索引的数据集合。在Scala中用Array[T]的形式来表示Java中的数组形式 T[]。 v...
    时待吾阅读 904评论 0 0