JavaScriptの配列操作について

今回はJavaScriptの配列操作についてまとめたいと思います。

// 配列の宣言
let a = [1, 2, 3]
let b = new Array(3) // サイズ3の配列を宣言
let c = new Array(3, 4, 5, 6, 7) // => [3, 4, 5, 6, 7]
let d = [] // => 空の配列
let e = new Array() // => 空の配列


// 配列の要素数
let length = a.length // 3


// 配列の連結
a.concat(4, 5) // [1, 2, 3, 4, 5]
a.concat([4, 5]) // [1, 2, 3, 4, 5]
a.concat([4, 5], [6, 7]) // [1, 2, 3, 4, 5, 6, 7]


// 配列 → 文字列(デフォルトはカンマ)
a.join() // '1,2,3'
a.join(':') // '1:2:3'


// 配列の末尾に要素を追加、追加後の配列のサイズを返す
a.push(7) // 4 (a = [1, 2, 3, 7])
// 配列の末尾の要素を取り除きその値を返す
a.pop() // 7 (a = [1, 2, 3])
// 配列の先頭に要素を追加、追加後の配列のサイズを返す
a.unshift(10) // 4 (a = [10, 1, 2, 3])
// 配列の先頭の要素を取り除いてその値を返す
a.shift() // 10 (a = [1, 2, 3])


// 逆順にする
a.reverse() // [3, 2, 1]
//　ソートする(文字列は辞書順)
['abs', 'abc', 'a', 'c', 'bc', 'b'].sort(); // ['a', 'abc', 'abs', 'b', 'bc', 'c']


// 配列の連続する要素を切り出して返す
let a = [1, 2, 3, 4, 5]
a.slice(1, 3) // [2, 3]
a.slice(2) // [3, 4, 5]