JavaScript 配列を理解する

配列は、JavaScript の最も強力で広く使用されているデータ構造の 1 つです。これらは魔法の箱のように機能し、多数の値を 1 つの変数に保存できます。基本的なアプリを開発している場合でも、複雑なプロジェクトに取り組んでいる場合でも、配列は頼りになるツールです。

簡単な例と実用的な使用例を使用して、配列を段階的に説明してみましょう。 ?

?配列とは何ですか?

配列は、複数の値を保持できる特別な変数です。

❓ 配列を作成するには?
配列リテラルを使用するのが、JavaScript 配列を作成する最も簡単な方法です。
⭐ 構文:

 const array_name = [value1, value2, ...];       

?例:

const languages = ["JavaScript", "PHP", "Python"];

✍️ 説明:

• 言語は配列です。
• これには、「JavaScript」、「PHP」、および「Python」の 3 つの値が保持されます。
• 各値には位置 (インデックスと呼ばれます) があります。

?配列インデックス
を理解する 配列のインデックスは 0 から始まります。要素にアクセスする方法は次のとおりです。

console.log(languages[0]); // Output: JavaScript
console.log(languages[1]); // Output: PHP
console.log(languages[2]); // Output: Python

?配列の反復処理

ループを使用して、配列内のすべての要素を調べることができます。 forEach() メソッドは簡単で初心者に優しいです。
?例:

languages.forEach(function(language, index) {
  console.log(index +" => "+ language);
});
/* Output:
0 => JavaScript
1 => PHP
2 => Python
*/

?配列のメソッドとプロパティ

配列を操作するための優れたメソッドとプロパティをいくつか紹介します。
1️⃣ 長さプロパティ
配列の長さ、つまりその項目の数を返します。
?例:

let length = languages.length; 
console.log(length); // Output: 3

2️⃣ Push() メソッド
最後に新しい要素を追加するため。
?例:

languages.push("Java");
console.log(languages); // Output: ['JavaScript', 'PHP', 'Python', 'Java']

3️⃣ unshift() メソッド
先頭に新しい要素を追加するため。
?例:

languages.unshift("C");
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python', 'Java']

4️⃣ Pop() メソッド
最後の要素を削除するには。
?例:

languages.pop();
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python']

5️⃣shift() メソッド
最初の要素を削除します。
?例:

languages.shift();
console.log(languages); //  Output: ['JavaScript', 'PHP', 'Python']

6️⃣ toString() メソッド
配列をカンマで区切られた配列値の文字列に変換します。
?例:

let arrString = languages.toString();
console.log(arrString); //  Output: JavaScript,PHP,Python

7️⃣ at() メソッド
整数値を受け入れ、そのインデックスにある項目を返します。正と負の整数の両方を受け入れます。負の整数は、配列内の最後の項目から逆にカウントされます。
?例:

let value1 = languages.at(2);
console.log(value1); // Output: Python
let value2 = languages.at(-1);
console.log(value2); // Output: Python

8️⃣ join() メソッド
すべての要素を文字列に結合します。これは toString() とまったく同じように動作しますが、セパレータも指定できる点が異なります。
?例:

let arrJoin = languages.join(" | ");
console.log(arrJoin); // Output: JavaScript | PHP | Python

9️⃣ find() メソッド
これにより、指定された条件に合格する配列内の最初のエントリが返されます。どの値も条件を満たさない場合は、unknown が返されます。
?例:

 const array_name = [value1, value2, ...];       

? sort() メソッド
配列の要素を並べ替えます。
?例:

const languages = ["JavaScript", "PHP", "Python"];

利用可能な追加の配列メソッドが多数あります。検索エンジンを使用して自分で検索し、試してみてください。やってみたら楽しいかも!?

⁉️ なぜ配列を学ぶのか?

配列は JavaScript のいたるところにあります。配列を理解すると、アプリのデータ管理から API 処理に至るまで、開発者として新たな機会が開かれます。

結論

配列は、多くの値を扱うときの最良の相棒です。これまで説明した概念を実践し、小さなプロジェクトで配列を試してみましょう。
コーディングを楽しんでください!✨

以上がJavaScript 配列を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。