ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で配列を使用する方法

JavaScript で配列を使用する方法

不言
リリース: 2018-12-21 13:23:33
オリジナル
4170 人が閲覧しました

JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法 では配列がよく使われますが、具体的には JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法 の配列をどのように使用するのでしょうか?この記事では、JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法 での配列の使用法について説明します。

JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法

早速、具体的な例を見てみましょう~

配列では、複数の値を 1 つの括弧内に配置できます。

このとき、「家族」と定義した3つの値(要素)トム、ジェリー、ホリーをカッコ内に入れます。

値は[]で囲まれます。

var family = ["Tom", "Jerry", "Holly"];
ログイン後にコピー

ファミリーを出力してみましょう

<script>  
var family = [&quot;Tom&quot;, &quot;Jerry&quot;, &quot;Holly&quot;];  
  console.log(family);
</script>
ログイン後にコピー

実行結果は以下の通りです

JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法

ご覧のとおり、実行結果、トム、ジェリー、ホリーはすべて家族に含まれています。

配列のインデックス(添え字)を指定して取得する

次に、インデックスを指定して各要素を個別に取得してみます。

[]内には0を含めて0,1,2,...の順に番号(インデックス)が割り当てられます。

つまり、たとえば Jerry の値を取得したい場合は、次のように記述できます。

<script>
  var family = [&quot;Tom&quot;, &quot;Jerry&quot;, &quot;Holly&quot;];
  console.log(family[1]);
</script>
ログイン後にコピー

実行中のエフェクトは次のとおりです

JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法

要素を置き換えます

Holly を次のように置き換えます。下のスーザン。ホリーの添え字 (インデックス) が 2 なので、これを行うことができます。

<script>
  var family = [&quot;Tom&quot;, &quot;Jerry&quot;, &quot;Holly&quot;];
  family[2]="Susan";
  console.log(family);
</script>
ログイン後にコピー

実行結果は次のとおりです。

JavaScript で配列を使用する方法

最後に、見てみましょう 配列の属性

属性とは「特徴・特性」を意味します。

配列属性を導入しましょう

< length >

length 属性は配列の長さを取得できます。 、要素の数。

#具体的な使用方法を見てみましょう

<script>
  var family = [&quot;Tom&quot;, &quot;Jerry&quot;, &quot;Holly&quot;];  
  console.log(family.length);
  </script>
ログイン後にコピー

実行結果は次のとおりです

JavaScript で配列を使用する方法

#この記事はここで終わります。 JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法 配列のその他のプロパティと使用法については、JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法 で Array オブジェクトを使用する方法 および JavaScript で配列を使用する方法 で配列を使用する方法 で配列を使用する方法 での Array オブジェクトの使用法とは の 2 つの記事を参照してください。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート