知っておくべき JS 配列削減の高度な使い方 25 選

定数arr = [3, 5, 1, 4, 2];
定数 a = arr.reduce((t, v) => t + v);
// 次と同等 const b = arr.reduce((t, v) => t + v, 0);

関数 Accumulation(...vals) {
    vals.reduce((t, v) => t + v, 0) を返します。
}

関数乗算(...vals) {
    vals.reduce((t, v) => t * v, 1); を返します。
}

累積(1, 2, 3, 4, 5); // 15
乗算(1, 2, 3, 4, 5); // 120

定数スコア = [
    { スコア: 90、件名: "中国語"、重み: 0.5 }、
    { スコア: 95、科目: "数学"、重み: 0.3 }、
    { スコア: 85、件名: "英語"、重み: 0.2 }
];
const result = scores.reduce((t, v) => t + v.score * v.weight, 0); // 90.5

関数Reverse(arr = []) {
    arr.reduceRight((t, v) => (t.push(v), t), []); を返します。
}

逆順([1, 2, 3, 4, 5]); // [5, 4, 3, 2, 1]

定数arr = [0, 1, 2, 3];

// マップを置き換える: [0, 2, 4, 6]
定数a = arr.map(v => v * 2);
定数 b = arr.reduce((t, v) => [...t, v * 2], []);

// フィルターを置換: [2, 3]
定数 c = arr.filter(v => v > 1);
定数 d = arr.reduce((t, v) => v > 1 ? [...t, v] : t, []);

// マップとフィルターを置き換えます: [4, 6]
定数 e = arr.map(v => v * 2).filter(v => v > 2);
定数 f = arr.reduce((t, v) => v * 2 > 2 ? [...t, v * 2] : t, []);

定数スコア = [
    { スコア: 45、件名: "中国語" },
    { スコア: 90、科目: "数学" },
    { スコア: 60、件名: "英語" }
];

// いくつかを置き換えます: 少なくとも 1 つの修飾子 const isAtLeastOneQualified = scores.reduce((t, v) => t || v.score >= 60, false); // true

// すべて置換: すべて修飾子付き const isAllQualified = scores.reduce((t, v) => t && v.score >= 60, true); // false

関数Chunk(arr = [], サイズ = 1) {
    arr.length を返します。arr.reduce((t, v) => (t[t.length - 1].length === size ? t.push([v]) : t[t.length - 1].push(v), t), [[]]) : [];
}

定数arr = [1, 2, 3, 4, 5];
チャンク(arr, 2); // [[1, 2], [3, 4], [5]]

関数 Difference(arr = [], oarr = []) {
    arr.reduce((t, v) => (!oarr.includes(v) && t.push(v), t), []); を返します。
}

定数arr1 = [1, 2, 3, 4, 5];
定数arr2 = [2, 3, 6]
差(arr1, arr2); // [1, 4, 5]

関数Fill(arr = [], val = "", start = 0, end = arr.length) {
    start < 0 || start >= end || end > arr.length の場合、arr を返します。
    戻る [
        ...arr.slice(0, 開始),
        ...arr.slice(start, end).reduce((t, v) => (t.push(val || v), t), []),
        ...arr.slice(終了、arr.length)
    ];
}

定数arr = [0, 1, 2, 3, 4, 5, 6];
Fill(arr, "aaa", 2, 5); // [0, 1, "aaa", "aaa", "aaa", 5, 6]

関数 Flat(arr = []) {
    arr.reduce((t, v) => t.concat(Array.isArray(v) ? Flat(v) : v), []) を返します。
}

定数arr = [0, 1, [2, 3], [4, 5, [6, 7]], [8, [9, 10, [11, 12]]]];
Flat(arr); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

関数Uniq(arr = []) {
    arr.reduce((t, v) => t.includes(v) ? t : [...t, v], []); を返します。
}

定数arr = [2, 1, 0, 3, 2, 1, 2];
ユニーク(arr); // [2, 1, 0, 3]

関数Max(arr = []) {
    arr.reduce((t, v) => t > v ? t : v); を返します。
}

関数 Min(arr = []) {
    arr.reduce((t, v) => t < v ? t : v); を返します。
}

定数arr = [12, 45, 21, 65, 38, 76, 108, 43];
最大(arr); // 108
最小(arr); // 12

関数Unzip(arr = []) {
    arr.reduce() を返す
        (t, v) => (v.forEach((w, i) => t[i].push(w)), t),
        Array.from({ length: Math.max(...arr.map(v => v.length)) }).map(v => [])
    );
}

定数 arr = [["a", 1, true], ["b", 2, false]];
Unzip(arr); // [["a", "b"], [1, 2], [true, false]]

関数Count(arr = []) {
    arr.reduce((t, v) => (t[v] = (t[v] || 0) + 1, t), {}); を返します。
}

定数arr = [0, 1, 1, 2, 2, 2];
Count(arr); // { 0: 1, 1: 2, 2: 3 }

関数 Position(arr = [], val) {
    arr.reduce((t, v, i) => (v === val && t.push(i), t), []); を返します。
}

定数arr = [2, 1, 5, 4, 2, 1, 6, 6, 7];
位置(arr, 2); // [0, 4]

関数グループ(arr = [], キー) {
    キーを返します? arr.reduce((t, v) => (!t[v[key]] && (t[v[key]] = []), t[v[key]].push(v), t), {}) : {};
}

定数arr = [
    { 地域: "GZ", 名前: "YZW", 年齢: 27 },
    { 地域: "GZ", 名前: "TYJ", 年齢: 25 },
    { エリア: "SZ", 名前: "AAA", 年齢: 23 },
    { エリア: "FS", 名前: "BBB", 年齢: 21 },
    { エリア: "SZ", 名前: "CCC", 年齢: 19 }
]; // グループ化の基準として面積を使用する Group(arr, "area"); // { GZ: Array(2), SZ: Array(2), FS: Array(1) }

関数キーワード(arr = [], keys = []) {
    戻り値 keys.reduce((t, v) => (arr.some(w => w.includes(v)) && t.push(v), t), []);
}

定数テキスト = [
    「今日はいい天気だから釣りに行きたい」
    「宿題をしながらテレビを見ます」
    「シャオミンは、隣に座っているシャオホンと、隣に座っているシャオジュンが好きです。彼はとても気まぐれです」
    「最近、仕事をサボりたがる人が多すぎる。ちゃんとコードを書かずに空想にふけっている。」
];
const keyword = ["lazy", "like", "sleep", "fishing", "great", "while", "tomorrow"];
Keyword(text, keyword); // ["like", "slacking off", "really nice", "while"]

関数ReverseStr(str = "") {
    str.split("").reduceRight((t, v) => t + v); を返します。
}

const str = "reduce が最善です";
ReverseStr(str); // "最も強力なエクーダー"

関数 ThousandNum(num = 0) {
    const str = (+num).toString().split(".");
    const int = nums => nums.split("").reverse().reduceRight((t, v, i) => t + (i % 3 ? v : `${v},`), "").replace(/^,|,$/g, "");
    const dec = nums => nums.split("").reduce((t, v, i) => t + ((i + 1) % 3 ? v : `${v},`), "").replace(/^,|,$/g, "");
    str.length > 1 を返します? `${int(str[0])}.${dec(str[1])}` : int(str[0]);
}

ThousandNum(1234); // "1,234"
ThousandNum(1234.00); // "1,234"
ThousandNum(0.1234); // "0.123,4"
ThousandNum(1234.5678); // "1,234.567,8"

非同期関数 AsyncTotal(arr = []) {
    戻り値 arr.reduce(async(t, v) => {
        定数 at = t を待機します。
        todo を待機します。
        at[v] = する;
        戻る;
    }, Promise.resolve({}));
}

const result = await AsyncTotal(); // 非同期サラウンドで使用する必要があります

関数フィボナッチ(len = 2) {
    const arr = [...新しい配列(len).keys()];
    arr.reduce((t, v, i) => (i > 1 && t.push(t[i - 1] + t[i - 2]), t), [0, 1]); を返します。
}

フィボナッチ(10); // [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]

関数 ParseUrlSearch() {
    location.search.replace(/(^\?)|(&$)/g, "").split("&").reduce((t, v) => { を返します。
        const [キー、値] = v.split("=");
        t[キー] = decodeURIComponent(val);
        t を返します。
    }, {});
}

// URL が https://www.baidu.com?age=25&name=TYJ であると仮定します。
ParseUrlSearch(); // { 年齢: "25", 名前: "TYJ" }

関数 StringifyUrlSearch(検索 = {}) {
    Object.entries(search).reduce() を返します。
        (t, v) => `${t}${v[0]}=${encodeURIComponent(v[1])}&`、
        Object.keys(search).length ? "?" : ""
    ).replace(/&$/, "");
}

StringifyUrlSearch({ age: 27, name: "YZW" }); // "?age=27&name=YZW"

関数 GetKeys(obj = {}, keys = []) {
    Object.keys(obj).reduce((t, v) => (keys.includes(v) && (t[v] = obj[v]), t), {}); を返します。
}

定数ターゲット = { a: 1、 b: 2、 c: 3、 d: 4 };
const キーワード = ["a", "d"];
GetKeys(ターゲット、キーワード); // { a: 1, d: 4 }

定数人 = [
    { 地域: "GZ", 名前: "YZW", 年齢: 27 },
    { エリア: "SZ", 名前: "TYJ", 年齢: 25 }
];
const map = people.reduce((t, v) => {
    const { 名前、... 残り } = v;
    t[名前] = 残り;
    t を返します。
}, {}); // { YZW: {…}, TYJ: {…} }

関数Compose(...関数) {
    （関数の長さが0の場合）{
        引数 => 引数を返します。
    }
    関数の長さが1の場合
        funs[0]を返します。
    }
    funs.reduce((t, v) => (...arg) => t(v(...arg))); を返します。
}

// 長さ 100000 の配列を作成します。const list = [...new Array(100000).keys()];

// のために
console.time("に対して");
結果1 = 0 とします。
(i = 0 とします; i < list.length; i++) {
    結果1 += i + 1;
}
コンソールログ(結果1);
console.timeEnd("for");

// 各
コンソールで時間を設定します。
結果2 = 0 とします。
リスト.forEach(v => (result2 += v + 1));
コンソールログ(結果2);
コンソールのtimeEnd("forEach");

// マップ
console.time("マップ");
結果3 = 0 とします。
list.map(v => (result3 += v + 1, v));
コンソールログ(結果3);
console.timeEnd("マップ");

// 減らす
console.time("短縮");
const result4 = list.reduce((t, v) => t + v + 1, 0);
コンソールログ(結果4);
console.timeEnd("減らす");