JS の配列トラバーサルについて、一般的なループをいくつ知っていますか?

定数リスト = [1, 2, 3, 4, 5, 6, 7, 8,, 10, 11];

(i = 0, len = list.length; i < len; i++) の場合 {
  リスト[i] === 5の場合{
    ブレーク; // 1 2 3 4
    // 続行; // 1 2 3 4 6 7 8 未定義 10 11
  }
  console.log(リスト[i]);
}

for (リストのconst項目) {
  if (item === 5) {
    ブレーク; // 1 2 3 4
    // 続行; // 1 2 3 4 6 7 8 未定義 10 11
  }
  console.log(アイテム);
}

list.forEach((項目、インデックス、配列) => {
  if (item === 5) 戻り値:
  コンソール.log(インデックス); // 0 1 2 3 5 6 7 9 10
  コンソール.log(アイテム); // 1 2 3 4 6 7 8 9 10
});

定数リスト = [
  { name: 'ヘッドナビゲーション', backward: false },
  { 名前: 'カルーセル'、 後方: true }、
  { name: 'フッター', backward: false },
];
リスト内の項目を後方に並べます。
// someBackward: true
const everyNewest = list.every(item => !item.backward);
// everyNewest: false

定数リスト = [
{ 名前: 'ヘッダーナビゲーション'、タイプ: 'nav'、ID: 1 },,
{ 名前: 'カルーセル'、タイプ: 'コンテンツ'、ID: 2 },
{ 名前: 'フッター'、タイプ: 'nav'、ID: 3 },
];
const resultList = list.filter(item => {
  console.log(アイテム);
  item.type === 'nav' を返します。
});
// 結果リスト: [
// { name: 'ヘッダーナビゲーション', type: 'nav', id: 1 },
// { 名前: 'フッター'、タイプ: 'nav'、ID: 3 },
// ]

const newList = list.map(item => {
  console.log(アイテム);
  item.id を返します。
});
// 新しいリスト: [1, 空, 2, 3]

// リスト: [
// { name: 'ヘッダーナビゲーション', type: 'nav', id: 1 },
// 空の、
// { 名前: 'カルーセル'、タイプ: 'コンテンツ'、ID: 2 },
// { 名前: 'フッター'、タイプ: 'nav'、ID: 3 },
// ]

定数リスト = [
{ name: 'ヘッダーナビゲーション', id: 1 },
{ 名前: 'カルーセル'、 ID: 2 }、
{ 名前: 'フッター'、 ID: 3 }、
];
const result = list.find((item) => item.id === 3);
// 結果: { name: 'Footer', id: 3 }
result.name = '下部ナビゲーション';
// リスト: [
// { name: 'ヘッダーナビゲーション', id: 1 },
// { 名前: 'カルーセル', id: 2 },
// { name: 'ボトムナビゲーション', id: 3 },
// ]

const index = list.findIndex((item) => item.id === 3);
// インデックス: 2
list[index].name // '下部ナビゲーション';

定数リスト = [
  { 名前: '左'、幅: 20 },
  { 名前: 'center'、幅: 70 },
  { 名前: '右'、幅: 10 },
];
const total = list.reduce((currentTotal, item) => {
  現在の合計 + 項目の幅を返します。
}, 0);
// 合計: 100

定数リスト = [
  { 名前: '左'、幅: 20 },
  { 名前: '右'、幅: 10 },
  { 名前: 'center'、幅: 70 },
  { 名前: '右'、幅: 10 },
  { 名前: '左'、幅: 20 },
  { 名前: '右'、幅: 10 },
];
定数繰り返し時間 = {};
const 結果 = list.reduce((配列、項目) => {
  if (repeatTime[item.name]) {
    repeatTime[アイテム名]++;
    配列を返します。
  }
  repeatTime[アイテム名] = 1;
  [...配列、項目]を返します。
}, []);
// 繰り返し時間: { 左: 2、右: 3、中央: 1 }
// 結果： [
// { 名前: '左'、幅: 20 },
// { 名前: 'right'、幅: 10 },
// { 名前: 'center', 幅: 70 },
// ]

定数リスト = [
  { 名前: '左'、幅: 20 },
  { 名前: '右'、幅: 30 },
  { 名前: 'center'、幅: 70 },
  { 名前: 'top'、幅: 40 },
  { 名前: 'bottom'、幅: 20 },
];
定数max = list.reduce((curItem, item) => {
  curItem.width >= item.width を返します。curItem:item;
});
定数min = list.reduce((curItem, item) => {
  curItem.width <= item.width を返します。curItem:item;
});
// 最大: { 名前: "center", 幅: 70 }
// 最小: { 名前: "左", 幅: 20 }

var リスト = 配列 (100000).fill(1)

コンソールで時間を指定します。
for (let index = 0, len = list.length; index < len; index++) {
}
コンソールのtimeEnd('for');
// 2.427642822265625 ミリ秒

console.time('every');
リストごとに(() => { true を返す })
console.timeEnd('every')
// 約: 2.751708984375 ミリ秒

console.time('some');
リスト.some(() => { false を返す })
console.timeEnd('some')
// 約: 2.786590576171875 ミリ秒

コンソールで時間を指定します。
リストごとに(() => {})
コンソールのtimeEnd('foreach');
// foreach: 3.126708984375 ミリ秒

コンソールに時間を表示します。
リスト.map(() => {})
コンソールのtimeEnd('マップ');
// マップ: 3.743743896484375 ミリ秒

コンソールで時間を確認します。
for (let リストのインデックス) {
}
コンソールのtimeEnd('forof')
// forof: 6.33380126953125 ミリ秒

Object.prototype.fun = () => {};
定数obj = { 2: 'a', 1: 'b' };
(const i in obj) の場合 {
  コンソールにログ出力します。
}
// 1: ビ
// 2: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 39 100 101 102 19 29 30 103 104 105 116 117 128
// fun : () => {} オブジェクトプロトタイプチェーンの拡張メソッドも走査されます for (const i in obj) {
  Object.prototype.hasOwnProperty.call(obj, i) の場合 {
      コンソールにログ出力します。
    }
}
// name : a 自分自身に属していないプロパティはhasOwnPropertyによってフィルタリングされます

Object.prototype.fun = () => {};
定数str = 'ab';
console.log(Object.keys(str));
// ['0', '1']
定数 arr = ['a', 'b'];
console.log(Object.keys(arr));
// ['0', '1']
定数obj = { 1: 'b', 0: 'a' };
console.log(Object.keys(obj));
// ['0', '1']

Object.prototype.fun = () => {};
定数str = 'ab';
console.log(Object.values(str));
// ['a', 'b']
定数 arr = ['a', 'b'];
console.log(Object.values(arr));
// ['a', 'b']
定数obj = { 1: 'b', 0: 'a' };
コンソールにログ出力します。
// ['a', 'b']

定数str = 'ab';
Object.entries(str) の (const [キー、値]) {
    console.log(`${キー}: ${値}`);
}
// 0: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 8
// 1: ビ
定数 arr = ['a', 'b'];
Object.entries(arr) の (const [キー、値]) {
    console.log(`${キー}: ${値}`);
}
// 0: 1 2 3 4 5 6 7 8 9 10 11 12
// 1: ビ
定数obj = { 1: 'b', 0: 'a' };
Object.entries(obj) の (const [キー、値]) {
    console.log(`${キー}: ${値}`);
}
// 0: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 8
// 1: ビ

Object.prototype.fun = () => {};
Array.prototype.fun = () => {};
定数str = 'ab';
console.log(Object.getOwnPropertyNames(str));
// ['0', '1', '長さ']
定数 arr = ['a', 'b'];
コンソールにログ出力します。
// ['0', '1', '長さ']
定数obj = { 1: 'b', 0: 'a' };
コンソールにログ出力します。
// ['0', '1']