JS初心者が配列を処理するための実践的な方法のまとめ

myArr.join('-') // '-' 記号で連結

myArr.concat(arr1、arr2、...、arrN)

myArr.sort() // アルファベット順に並べ替えmyArr.sort(function(a, b) {
	a - b を返す
}) // 昇順では降順は b - a
// 矢印関数の記述 myArr.sort((a, b) => a - b)

myArr.reverse()

myArr.push(項目1、項目2、...、項目N)
myArr.unshift(項目1、項目2、...、項目N)

myArr.shift()

myArr.pop() // 配列の最後の要素を削除します。myArr.pop(1) // 配列内のインデックス 1 の要素を削除します。

myArr.splice(インデックス、カウント、項目1、項目2、...、項目N)
// インデックスが必要です。項目を追加/削除する位置を指定する整数。配列の末尾からの位置を指定するには負の数を使用します。// count 必須。削除するアイテムの数。 0 に設定すると、アイテムは削除されません // item1、item2、...、itemN オプション。配列に新しい項目を追加する

myArr.forEach(関数(項目、インデックス、arr) {
 （インデックス === 3）の場合{
 アイテム = 123
 } 
}) // 配列をループし、インデックス 3 の要素の値を 123 に変更します。
// 矢印関数の記述 myArr.forEach((v, i, arr) => if (i === 3) { v = 123 })

myArr.indexOf(アイテム)

定数 newArr = myArr.slice(0, 1)
// 配列 myArr の要素をインデックス 0 から 1 まで抽出します // パラメータ:
// begin (オプション): インデックス値、負の値を受け入れ、このインデックスから元の配列から要素の抽出を開始します。デフォルト値は 0 です。
// 終了（オプション）：インデックス値（含まれない）、負の値が受け入れられ、元の配列要素の抽出はこのインデックスの前で終了します。デフォルト値は配列の末尾（最後の要素を含む）です

const state = myArr.every(関数 (item, index, arr) {
 返品商品 > 10
}) // 配列myArrのすべての要素が10より大きいかどうかを確認し、ブール値の状態を返します
// 矢印関数の記述 const state = myArr.every((v, i, arr) => v > 10)

const state = myArr.some(関数 (item, index, arr) {
 返品商品 > 10
}) // 配列myArrに10より大きい要素があるかどうかを確認し、ブール値の状態を返します
// 矢印関数 const state = myArr.some((v, i, arr) => v > 10)

const state = myArr.includes(3) // 配列myArrに要素3が存在するかどうかを確認し、ブール値stateを返します。
const state = myArr.includes(3, 3) // インデックス3から始まる配列myArrに要素3が存在するかどうかを確認し、ブール値stateを返します。

const newArr = myArr.filter(関数 (item, index, arr) {
 返品商品 > 10
}) // 配列 myArr 内のすべての要素が 10 より大きいかどうかを確認し、新しい配列 newArr を返します。
// 矢印関数の記述 const newArr = myArr.filter((v, i, arr) => v > 10)

const newArr = myArr.map(関数 (item, index, arr) {
 返品商品 * 10
}) // 配列 myArr のすべての要素を 10 倍にして、新しい配列 newArr を返します。
// 矢印関数の記述 const newArr = myArr.map((v, i, arr) => v * 10)

const newArr = myArr.map(関数 (item, index, arr) {
 戻る {
 id: アイテム.id、
 新しいアイテム: '123'
 }
}) // 配列 myArr で指定されたオブジェクト要素内の要素または新しい要素を処理し、新しい配列 newArr を返します。
// 矢印関数の記述 const newArr = myArr.map((v, i, arr) => {
 戻る {
 id: v.id,
 新しいアイテム: '123'
 }
})

const val = myArr.find(関数 (item, index, arr) {
 返品商品 > 10
}) // 配列myArrの最初の要素の値valを返します。要素がない場合はundefinedを返します。

const val = myArr.findIndex(関数 (item, index, arr) {
 返品商品 > 10
}) // 配列myArr内の10より大きい最初の要素のインデックスを返します。要素がない場合は-1を返します。

定数myArr = [1, 2, 3]
const sum = myArr.reduce(function(pre, cur, index, arr) {
 コンソールログ(pre, cur)
 戻り値 pre + cur
})
コンソール.log(合計)
// 出力値は // 1, 2
// 3, 3
// 6

定数myArr = [1, 2, 3]
const sum = myArr.reduce(function(pre, cur, index, arr) {
 コンソールログ(pre, cur)
 前へ + 次へ
}, 2)
コンソール.log(合計)
// 出力値は // 2, 1
// 3, 2
// 5, 3
// 8

定数myArr = [1, 2, 3, 4]
const result1 = myArr.reduce(function(pre, cur) {
 戻り値 pre + cur
})
const result2 = myArr.reduce(function(pre, cur) {
 戻り値 pre * cur
})
コンソール.log(結果1) // 6
コンソール.log(結果2) // 24

const myArr = ['liang','qi','qi','liang','ge','liang'] 
const arrResult = myArr.reduce((pre,cur) => {
 （現在の状態がpreにある場合）{
  前[現在]++
 }それ以外{
  前[現在] = 1
 }
 戻る前
},{})
console.log(arrResult) // 結果: {liang: 3, qi: 2, ge: 1}

定数myArr = [
 {
  名前: 'liangqi'、
  高さ: 55
 },{
  名前: 'mingming',
  高さ: 66
 },{
  名前: 'lele',
  高さ: 77
 }
]
定数結果 = myArr.reduce((a,b) => {
 a = a + b.重量
 返す
},0)
console.log(result) // 結果: 198

配列.of() // []
Array.of(undefined) // [未定義]
配列.of(1) // [1]
配列.of(1, 2) // [1, 2]

const myArr = [1, [2, 3, [4, 5, [12, 3, "zs"], 7, [8, 9, [10, 11, [1, 2, [3, 4]]]]]]]
console.log(myArr.flat(Infinity)) // [1, 2, 3, 4, 5, 12, 3, "zs", 7, 8, 9, 10, 11, 1, 2, 3, 4]