ArraysとArraysメソッドの説明

JavaScript 配列の詳細な説明と一般的なメソッド:

配列とは何ですか?

JavaScript では、配列は変数名の下に一連の値 (要素) を格納するために使用される特別なオブジェクトです。値はさまざまなデータ型 (数値、文字列、ブール値、オブジェクト、またはその他の配列) にすることができます。

主な機能:

• 順序: 配列内の要素には特定の順序があり、位置のインデックスは 0 から始まります。
• 可変: 配列が作成されると、その要素は変更できます。
• 動的: 配列は、必要に応じてサイズを拡大または縮小できます。

配列の作成:

• リテラル表現:

<code class="language-javascript">   const myArray = [1, "hello", true, null]; </code>

• 配列コンストラクターを使用します:

<code class="language-javascript">   const anotherArray = new Array(5); // 创建一个包含5个空槽的数组
   const yetAnotherArray = new Array(1, 2, 3); </code>

配列要素へのアクセス:

角括弧表記とインデックス付けを使用します:

<code class="language-javascript">   const fruits = ["apple", "banana", "orange"];
   console.log(fruits[0]); // 输出： "apple" (第一个元素)
   console.log(fruits[2]); // 输出： "orange" (第三个元素)</code>

配列要素を変更します:

新しい値を目的のインデックスに割り当てます:

<code class="language-javascript">   fruits[1] = "grape"; 
   console.log(fruits); // 输出： ["apple", "grape", "orange"]</code>

一般的に使用される配列メソッド:

• push(): 配列の末尾に 1 つ以上の要素を追加します。

<code class="language-javascript">   fruits.push("mango"); </code>

• pop(): 配列の最後の要素を削除して返します。

<code class="language-javascript">   const removedFruit = fruits.pop(); </code>

• unshift(): 配列の先頭に 1 つ以上の要素を追加します。

<code class="language-javascript">   fruits.unshift("kiwi"); </code>

• shift(): 配列の最初の要素を削除して返します。

<code class="language-javascript">   const firstFruit = fruits.shift(); </code>

• slice(): 配列の一部の浅いコピーを作成します。

<code class="language-javascript">   const citrusFruits = fruits.slice(1, 3); // 从索引1到2（不包括2）的元素</code>

• splice(): 指定された位置の配列要素を追加/削除します。

<code class="language-javascript">   fruits.splice(1, 0, "pear"); // 在索引1处插入"pear"
   fruits.splice(2, 1); // 从索引2处删除1个元素</code>

• concat(): 既存の配列を連結して新しい配列を作成します。

<code class="language-javascript">   const combinedFruits = fruits.concat(["pineapple", "strawberry"]); </code>

• join(): すべての配列要素を指定された区切り文字で区切って文字列に連結します。

<code class="language-javascript">   const fruitString = fruits.join(", "); </code>

• indexOf(): 指定された要素の最初のインデックスを返します。

<code class="language-javascript">   const index = fruits.indexOf("apple"); </code>

• includes(): 配列に要素が含まれているかどうかを確認します。

<code class="language-javascript">   const hasBanana = fruits.includes("banana"); </code>

• forEach(): 配列要素ごとに提供された関数を 1 回実行します。

<code class="language-javascript">   fruits.forEach(fruit => console.log(fruit)); </code>

• map(): 元の配列の各要素に関数を適用して、新しい配列を作成します。

<code class="language-javascript">   const fruitLengths = fruits.map(fruit => fruit.length); </code>

• filter(): 関数によって提供されるテストに合格した要素のみを含む新しい配列を作成します。

<code class="language-javascript">   const longFruits = fruits.filter(fruit => fruit.length > 5); </code>

これは、JavaScript 配列とそのメソッドの基本的な概要です。他にもさまざまな方法があり、それぞれに独自の目的があります。これがお役に立てば幸いです!

以上がArraysとArraysメソッドの説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。