配列内の要素は、`添字`を使って更新できます。 ~~~javascript const array = ['hoge', 'hoge2', 'hoge3']; array[0] = 'hoge4'; console.log(array[0]); ~~~ hoge4 ## 例1: 配列`vegetables`の添字`1`の要素を`'cucumber'`に更新して、コンソールに出力 ~~~javascript~コード例1 const vegetables = ['tomato', 'potato', 'carrot']; vegetables[1] = 'cucumber'; console.log(vegetables); ~~~ ['tomato', 'cucumber', 'carrot'] この例では、`vegetables` という配列の2番目の要素（添字が1の要素）を `'cucumber'` に変更しています。配列の添字は0から始まるので、`vegetables[1]` は2番目の要素を指します。 ## 例2: 配列`scores`の添字`1`の要素を`4`に更新して、コンソールに出力 ~~~javascript~コード例2 const scores = [1, 3, 5]; scores[1] = 4; console.log(scores); ~~~ [1, 4, 5] この例では、`scores` という配列の2番目の要素を `4` に変更しています。ここで、`scores[1]` は2番目の要素を指しています。 filename: コード例1 wordDecorations: - word: "'tomato'" rubyText: " index:0" - word: "'potato'" rubyText: " index:1" - word: "'carrot'" rubyText: " index:2" - word: "vegetables[1]" rubyText: "2番目の要素" - word: "'cucumber'" rubyText: "新しい値" lineDecorations: - lineStart: 3 lineEnd: 3 isBorder: true rubyText: "配列の要素を更新" filename: コード例2 wordDecorations: - word: "1" index: 1 rubyText: "index:0" - word: "3" isBottomRuby: true rubyText: "index:1" - word: "5" rubyText: "index:2" - word: "scores[1]" rubyText: "2番目の要素" - word: "4" rubyText: "新しい値" lineDecorations: - lineStart: 3 lineEnd: 3 isBorder: true rubyText: "配列の要素を更新"

クイズにチャレンジしよう！

コーディングしよう！

関連チャレンジ