JavaScript Reduceの詳しい説明

/**
 * 組み込みの `Array.prototype.map` メソッドを実装するには `reduce` を使用します。
 * @param {any[]} 引数 
 * @param {(val: any, index: number, thisArray: any[]) => any} マッピング 
 * @returns {any[]}
 */
関数 map(arr, マッピング) {
 arr.reduce((acc, item, index) => [...acc, マッピング(item, index, arr)], []); を返します。
}

map([null, false, 1, 0, '', () => {}, NaN], val => !!val);

// [偽、偽、真、偽、偽、真、偽]

/**
 * 組み込みの `Array.prototype.filter` メソッドを実装するには、`reduce` を使用します。
 * @param {any[]} 引数 
 * @param {(val: any, index: number, thisArray: any[]) => boolean} 述語 
 * @returns {any[]}
 */
関数フィルター(arr, 述語) {
 arr.reduce((acc, item, index) => predicate(item, index, arr) ? [...acc, item] : acc, []); を返します。
}

フィルター([null, false, 1, 0, '', () => {}, NaN], val => !!val);

// [1, () => {}]

関数 some(arr, 述語) {
 arr.reduce((acc, val, idx) => acc || predicate(val, idx, arr), false) を返します
}

いくつか([null, false, 1, 0, '', () => {}, NaN], val => !!val);
// 真実

いくつか([null, false, 0, '', NaN], val => !!val);
// 間違い

acc || 述語(val, idx, arr)

述語(val, idx, arr) || acc

関数 every(arr, 述語) {
 arr.reduce((acc, val, idx) => acc && predicate(val, idx, arr), true) を返します。
}

関数 findIndex(arr, 述語) {
 定数 NOT_FOUND_INDEX = -1;

 arr.reduce((acc, val, idx) => { を返します
 （acc === NOT_FOUND_INDEX）の場合{
 述語(val, idx, arr)を返します? idx: NOT_FOUND_INDEX;
 }
 
 acc を返します。
 }, インデックスが見つかりません)
}

findIndex([5, 12, 8, 130, 44], (要素) => 要素 > 8) // 3

/**
 * 入力値を左から右に順番に提供された関数で処理する関数を返します。
 * @param {(funcs: any[]) => any} 関数 
 * @returns {(arg: any) => any}
 */
関数パイプ(...funcs) {}

パイプ(val => val * 2, Math.sqrt, val => val + 10)(2) // 12

// 値が正である項目を取り出し、その値に 0.1 を掛け、すべての項目の値を合計して、最終的に 3 を取得します。
const プロセス = パイプ(
 arr => arr.filter(({ val }) => val > 0)、 
 arr => arr.map(item => ({ ...item, val: item.val * 0.1 })), 
 arr => arr.reduce((acc, { val }) => acc + val, 0)
);

プロセス([{ val: -10 }, { val: 20 }, { val: -0.1 }, { val: 10 }]) // 3

/**
 * 入力値を左から右へ順に提供された関数で処理する関数を返します。
 * @param {(funcs: any[]) => any} 関数 
 * @returns {(args: any[]) => any}
 */
関数パイプ(...funcs) {}

パイプ(合計、Math.sqrt、val => val + 10)(0.1、0.2、0.7、3) // 12

/**
 * 数字を合計します。
 * @param 引数番号[]
 * 合計を {number} で返します。
 */
関数 sum(...args) {
 args.reduce((a, b) => a + b) を返します。
}

/**
 * 入力値を左から右の順に提供された関数で処理する関数を返します。
 * @param {(arg: any) => any} 関数
 * @returns {(arg: any) => any}
 */
関数パイプ(...funcs) {
 戻り値 (引数) => {
 関数reduce()を返す
 (acc, 関数) => 関数(acc)、
 引数
 ）
 }
}

/**
 * 入力値を左から右に順番に提供された関数で処理する関数を返します。
 * @param {Array<(...args: any) => any>} 関数
 * @returns {(...args: any[]) => any}
 */
関数パイプ(...関数) {
	// 定数 realFuncs = funcs.filter(isFunction);

 戻り値 (...引数) => {
 関数reduce()を返す
 (acc, func, idx) => idx === 0 ? func(...acc) : func(acc),
 引数
 ）
 }
}

関数パイプ(...関数) {
 戻り値 (...引数) => {
 // 最初のものは処理済みなので、残りのものだけ処理する必要があります return funcs.slice(1).reduce(
 (acc, 関数) => 関数(acc)、
 
 // まず、`acc` として特別なケースを処理します
 関数[0](...引数)
 ）
 }
}

const obj = { a: { b: { c: 'hello world' } } };

'abc' を取得します。

/**
 * キーパスで値を取得する
 * @param 任意のオブジェクト
 * @param keyPath ドットで区切られたキーパス文字列* @returns {any} ターゲット値*/
関数 get(obj, keyPath) {}

/**
 * キーパスで値を取得します。
 * @param 任意のオブジェクト
 * @param keyPath ドットで区切られたキーパス文字列* @returns {any} ターゲット値*/
関数 get(obj, keyPath) {
 もし (!obj) {
 未定義を返します。
 }

 keyPath.split('.').reduce((acc, key) => acc[key], obj); を返します。
}

関数flatDeep(arr) {
 arr.reduce((acc, item) を返す => 
 Array.isArray(item) ? [...acc, ...flatDeep(item)] : [...acc, item],
 []
 ）
}

関数flatDeep(arr) {
 arr.reduce((acc, item) を返す => 
 acc.concat(Array.isArray(item) ? flatDeep(item) : item),
 []
 ）
}

関数flatDeep(arr) {
 arr.reduce((acc, item) を返す => 
 Array.isArray(item) ? [...acc, ...flatDeep(item)] : [...acc, item],
 []
 ）
}

var arr = repeat([1, [2], [[3]], [[[4]]]], 20);

コンソールにログ出力します。
コンソールにログ出力します。

コンソール.time('concat')
(i = 0; i < 7 * 10000; ++i) の場合 {
 フラットディープ(arr)
}
console.timeEnd('concat')

関数 repeat(arr, times) { let result = []; for (i = 0; i < times; ++i) { result.push(...arr) } return result; }

クリーン({ foo: null, bar: undefined, baz: 'hello' })

// { baz: 'こんにちは' }

/**
 * `nil` (null または undefined) 値を除外します。
 * @param {オブジェクト} obj
 * @returns {any}
 *
 * @example clean({ foo: null, bar: undefined, baz: 'hello' })
 *
 * // => { baz: 'hello' }
 */
エクスポート関数 clean(obj) {
 もし (!obj) {
 obj を返します。
 }

 Object.keys(obj).reduce((acc, key) => { を返します。
 if (!isNil(obj[key])) {
 acc[キー] = obj[キー];
 }

 acc を返します。
 }, {});
}

const 方向 = {
 アップ: 0,
 ダウン: 1,
 左: 2、
 右: 3、
};

const 実際 = enumify(方向);

定数期待値 = {
 アップ: 0,
 ダウン: 1,
 左: 2、
 右: 3、

 0: 「上」、
 1: 「ダウン」、
 2: 「左」、
 3: 「正しい」
};

deepStrictEqual(実際、期待値);

/**
 * オブジェクトから列挙型を生成します。
 * https://www.typescriptlang.org/play?#code/KYOwrgtgBAglDeAoKUBOwAmUC8UCMANMmpgEw5SlEC+UiiAxgPYgDOTANsAHQdMDmAChjd0GAJQBuRi3ZdeA4QG08AXSmIgA を参照してください
 * @param {オブジェクト} obj
 * @returns {オブジェクト}
 */
エクスポート関数enumify(obj) {
 if (!isPlainObject(obj)) {
 throw new TypeError('enumify ターゲットはプレーン オブジェクトである必要があります');
 }

 Object.keys(obj).reduce((acc, key) => { を返します。
 acc[キー] = obj[キー];
 acc[obj[key]] = キー;

 acc を返します。
 }, {});
}