push【末尾要素追加】
pop【末尾要素削除】
shift【先頭要素削除】
unshift【先頭要素挿入】
splice【要素削除&挿入】
Array.prototype.push【末尾要素追加】
メモ
- 配列の末尾に要素追加
- 配列を変更
- 関連
- 要素追加:unshift【先頭要素挿入】
- 要素削除:pop【末尾要素削除】 ・shift【先頭要素削除】
- 要素削除&挿入:splice【要素削除&挿入】
- 外部リンク (英語)
Array.prototype.push ( ...items ) ES2022 (13) ES2021 (12) ES2020 (11)
構文
array.push( ...items )
要素追加後の要素数
items追加要素
例
var array = [1, 2, 3];
console.log(array); // 出力:[1, 2, 3]
console.log(array.push()); // 出力:3
console.log(array); // 出力:[1, 2, 3]
console.log(array.push(4)); // 出力:4
console.log(array); // 出力:[1, 2, 3, 4]
console.log(array.push(5, 6)); // 出力:6
console.log(array); // 出力:[1, 2, 3, 4, 5, 6]
Array.prototype.pop【末尾要素削除】
メモ
- 末尾要素を削除し削除要素を返却
- 配列を変更
- 関連
- 要素追加:push【末尾要素追加】 ・unshift【先頭要素挿入】
- 要素削除:shift【先頭要素削除】
- 要素削除&挿入:splice【要素削除&挿入】
- 外部リンク (英語)
Array.prototype.pop ( ) ES2022 (13) ES2021 (12) ES2020 (11)
構文
array.pop()
削除した末尾要素 (undefined:空の配列)
例
var array = [1, 2, 3, 4, 5];
console.log(array); // 出力:[1, 2, 3, 4, 5]
console.log(array.pop()); // 出力:5
console.log(array); // 出力:[1, 2, 3, 4]
array = [];
console.log(array); // 出力:[]
console.log(array.pop()); // 出力:undefined
console.log(array); // 出力:[]
Array.prototype.shift【先頭要素削除】
メモ
- 先頭要素を削除し削除要素を返却
- 配列を変更
- 関連
- 要素追加:push【末尾要素追加】 ・unshift【先頭要素挿入】
- 要素削除:pop【末尾要素削除】
- 要素削除&挿入:splice【要素削除&挿入】
- 外部リンク (英語)
Array.prototype.shift ( ) ES2022 (13) ES2021 (12) ES2020 (11)
構文
array.shift()
削除された先頭要素
例
var array = [1, 2, 3];
console.log(array.shift()); // 出力:1
console.log(array); // 出力:[2, 3]
array = [];
console.log(array.shift()); // 出力:undefined
console.log(array); // 出力:[]
Array.prototype.unshift【先頭要素挿入】
メモ
- 配列の先頭に要素挿入
- 配列を変更
- 関連
- 要素追加:push【末尾要素追加】
- 要素削除:pop【末尾要素削除】 ・shift【先頭要素削除】
- 要素削除&挿入:splice【要素削除&挿入】
- 外部リンク (英語)
Array.prototype.unshift ( ...items ) ES2022 (13) ES2021 (12) ES2020 (11)
構文
array.unshift( ...items )
挿入後の配列の要素数
items挿入要素
例
var array = [1, 2, 3, 4];
console.log(array.unshift()); // 出力:4
console.log(array); // 出力:[1, 2, 3, 4]
console.log(array.unshift(100, 200)); //// 出力:6
console.log(array); // 出力:[100, 200, 1, 2, 3, 4]
console.log(array.unshift([50, 60])); //// 出力:7
console.log(array); // 出力:[Array[2], 100, 200, 1, 2, 3, 4]
Array.prototype.splice【要素削除&挿入】
メモ
- 配列の要素を削除し、その位置に別の要素を挿入 (削除のみも可)
- 元の配列変更
- 関連
- 要素追加:push【末尾要素追加】 ・unshift【先頭要素挿入】
- 要素削除:pop【末尾要素削除】 ・shift【先頭要素削除】
- 外部リンク (英語)
Array.prototype.splice (start, deleteCount, ...items ) ES2022 (13) ES2021 (12) ES2020 (11)
構文
array.splice( start, deleteCount, ...items )
array.splice( start[, deleteCount[, ...items]] )
削除要素
start削除開始要素位置 (詳細は下記参照)
deleteCount削除要素数 (省略 :以降全て削除)
items挿入要素
start | 説明 |
---|---|
0 ≦ | 先頭からの要素位置 |
< 0 | 末尾からの要素位置 |
例
var array = [1, 2, 3, 4, 5];
console.log(array.splice(1, 2)); // 出力:[2, 3]
console.log(array); // 出力:[1, 4, 5]
array = [1, 2, 3, 4, 5];
console.log(array.splice(-4, 2)); // 出力:[2, 3]
console.log(array); // 出力:[1, 4, 5]
array = [1, 2, 3, 4, 5];
console.log(array.splice(1, 2, 10, 20)); // 出力:[2, 3]
console.log(array); // 出力:[1, 10, 20, 4, 5]