Array splice()
Array.prototype.splice() は配列を直接変更して要素の削除、置換、追加を行います。非破壊版として ES2023 の toSpliced() があります。
概要
Array.prototype.splice() は配列を直接変更して要素の削除、置換、追加を行います。非破壊版として ES2023 の toSpliced() があります。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
基本構文
JAVASCRIPT
const arr = ['a', 'b', 'c', 'd'];
// Remove
arr.splice(1, 2); // Return value: ['b', 'c'], arr: ['a', 'd']
// Insertion
arr.splice(1, 0, 'x', 'y'); // arr: ['a', 'x', 'y', 'd']
// Replacement
arr.splice(1, 1, 'z'); // arr: ['a', 'z', 'y', 'd']ライブデモ
実務での使いどころ
-
Array splice() の活用
配列の要素を削除・置換・追加する破壊的メソッド。削除された要素の配列を返す。
注意点
- 特になし。すべての主要ブラウザで安定して動作する。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。
参考リンク
Powered by web-features