配列の指定インデックスの要素を削除または追加：JavaScript

Tweet

Pocket

フリーランスの時はPHPとJavaScriptを半々くらいの割合で書いていた。
今はあまりJavaScriptを書かなくなった。
思い出すために最近（とはいっても1週間くらいだが）プライベートでJavaScriptを少し書いている。

毎回調べている気がするのでメモする。

JavaScript

/*
 * 特定インデックスを削除
 */
let characters = ['a', 'b', 'c', 'd', 'e'];

// indexが１の要素を削除
characters.splice(1,1);


// result1に書き出し
let content = '';
for (let char of characters ) {
    content += char;
}

document.querySelector('#result1').innerHTML = content; // acde

/*
 * 特定インデックスに要素を追加
 */
 characters.splice(1, 0, 'b');

 content = '';
 for (let char of characters) {
     content += char;
 }

 document.querySelector('#result2').innerHTML = content; // abcde

HTML

<div id="result1"></div>
<div id="result2"></div>