JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

【JavaScript入門】配列内の特定の要素を見つけて変更する方法

【JavaScript入門】配列内の特定の要素を見つけて変更する方法

配列のインデックスは「0」から始まる

コンピュータの世界では、物事の数え方が「0」から始まります。つまり、インデックス「0」が1つ目の要素、「1」が2つ目の要素に対応します。この「ゼロベース（0始まり）」という考え方は、プログラミング初心者がつまずきやすいポイントの一つです。

そのため、list[2]と記述すると、配列の3つ目の要素であるitem 3が選択されることになります。

例で使用している配列のコード

var list = ['item 1', 'item 2', 'item 3', 'item 4']

この配列の場合、各要素とインデックスの対応は以下のようになります。

  • list[0] → 'item 1'
  • list[1] → 'item 2'
  • list[2] → 'item 3'
  • list[3] → 'item 4'

特定の要素を変更する方法

配列内の要素を変更したい場合は、インデックスを指定して新しい値を代入するだけでOKです。

list[2] = '新しいアイテム';
console.log(list); // ['item 1', 'item 2', '新しいアイテム', 'item 4']

このように、JavaScriptでは「インデックス = 要素の位置 - 1」という関係を覚えておくと、配列の操作がぐっと理解しやすくなります。

  1. JavaScript配列で要素を検索する方法を徹底解説！find()メソッドの使い方

    JavaScriptで配列の中から特定の要素を検索したい場面は非常に多くあります。本記事では、最もよく使われるfind()メソッドを中心に、実際に動作するサンプルコードとともに分かりやすく解説します。 find()メソッドとは find()メソッドは、配列の各要素に対して指定したテスト関数（コールバック関数）を実行し、条件を満たした最初の要素の値を返します。条件に一致する要素が存在しない場合は undefined を返します。 基本構文 arr.find(callback(element[, index[, array]])[, thisArg]) callback: 各要素をテストする関数

  2. 複数の値でJavaScript配列の要素を検索する方法

    JavaScriptである配列（arr）が、別の配列（arr1）の複数の値・すべての要素を含んでいるかどうかを確認したい場面はよくあります。そんなときは、every()メソッドとincludes()メソッドを組み合わせることで、シンプルに判定できます。以下はそのサンプルコードです。 コード例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=