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

JavaScript で Array オブジェクトを使用する方法

不言
不言オリジナル
2018-12-13 14:40:392993ブラウズ

JavaScript で JavaScript で Array オブジェクトを使用する方法 オブジェクトを使用する方法: まずコード ファイルを作成し、次に new を使用して配列オブジェクトを作成し、最後に JavaScript で Array オブジェクトを使用する方法 オブジェクトを使用して配列を処理します。

JavaScript で Array オブジェクトを使用する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript の配列オブジェクトも JavaScript の組み込み関数の 1 つです。JavaScript で Array オブジェクトを使用する方法 オブジェクトを使用する場合は、まず new で配列オブジェクトを作成する必要があります。

組み込み関数を作成する方法をすでに紹介しました JavaScript で文字列オブジェクトを使用する方法この記事では、new を直接使用して作成しますそれは JavaScript で Array オブジェクトを使用する方法 オブジェクトです

var family= new JavaScript で Array オブジェクトを使用する方法();

それでは具体的な例を見てみましょう

コードは次のとおりです

「Tom」、「Jerry」を追加します。 「Soucy」と console.log を使用してデバッグを呼び出します。

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var family= new JavaScript で Array オブジェクトを使用する方法("Tom", "Jerry", "Soucy");
      console.log(family);
    </script>
  </body>
</html>

操作の効果は次のとおりです

JavaScript で JavaScript で Array オブジェクトを使用する方法 オブジェクトを使用する方法

次に、JavaScript で Array オブジェクトを使用する方法 オブジェクトのプロパティとメソッドを見てみましょう

プロパティ 1. length (配列の長さを取得)

コードは次のとおりです

<script>
      var family= new JavaScript で Array オブジェクトを使用する方法("Tom", "Jerry", "Soucy");
      console.log(family.length);
    </script>

実行時の効果は次のとおりです

JavaScript で Array オブジェクトを使用する方法

ファミリー配列には、トム、ジェリー、スーシーの 3 つの要素があるため、3 と表示されます。

長さと属性について

配置の length 属性の要素数を置換します。置換前の要素数よりも置換後の要素数が少ない場合は、その要素も置換されます。削除される。

今回は、「Taro」「Jiro」「Saburo」の配列の長さ属性は、「「Taro」「Jiro」」に2を代入します。

それでは、それぞれについて説明してくださいcode.

初期値は以下のとおりです。

##配列のlengthプロパティに要素数を代入することで、代入前の要素数よりも小さい場合は、

#このとき、["Tom", "Jerry", "Soucy"] は配列の長さ属性を 2 に設定し、配列は ["Tom", になります。 "Jerry"]

説明しましょう

初期値は次のとおりです。##

var family = [&#39;Tom&#39;, &#39;Jerry&#39;, &#39;Soucy&#39;];

要素が 3 のファミリー配列の長さを 2## に設定します。 #
family.length = 2;

このとき、配列ファミリーの要素を 1 つ削除して次のように配列を表示します。配列の値は ['Tom', 'Jerry'] になります。

 console.log(family)

表示結果は0,1となります。

##現在の配列要素の添字を表示するコードです。配列の長さは次のとおりです

console.log(Object.keys(family));

表示結果は 2JavaScript で Array オブジェクトを使用する方法

最初の要素を取得してみましょう

次のように記述します以下のようなコードですJavaScript で Array オブジェクトを使用する方法

console.log(family.length);

ただし、構文が異なるため、以下の結果が表示されます


これは、現在の 2 番目の要素 (添字 1) を表示します。

console.log(family.1);
JavaScript で Array オブジェクトを使用する方法実行結果は次のとおりです。

これは、配列ファミリーの長さから渡される添字値 1 を持つ要素 属性を 1 減分して得られる数値は上記と同じです


JavaScript で Array オブジェクトを使用する方法

メソッド配列オブジェクト

メソッド1.slice()(配列要素の取得)

JavaScript で Array オブジェクトを使用する方法

slice()メソッドでは、次のように指定することで指定した要素を検索できます。添字

(添字) 配列要素には 0 から n まで番号が付けられます。)

要素を取得する場合、開始位置の添字と終了位置の添字。 () 内に位置を指定する必要があります。特定の範囲が指定されていない場合は、最初の要素から開始して最後の要素が取得されます。

JavaScript で Array オブジェクトを使用する方法具体的な例を見てみましょう

console.log(family[1]);

実行結果は次のとおりです。次のように######

JavaScript で Array オブジェクトを使用する方法

slice(0,2)指的是从下标为0的元素开始到下标为2的元素前,所以运行结果是"Tom", "Jerry"。

还有需要知道的是:

如果slice(0),则显示"Tom", "Jerry", "Soucy"

如果slice(0,1),则显示"Tom"

如果slice(1),则显示"Jerry", "Soucy"

如果slice(1,2),则显示"Jerry"

如果slice(2),则显示"Soucy"

方法2. reverse()(翻转元素顺序)

代码如下

<script>
      var family= new JavaScript で Array オブジェクトを使用する方法("Tom", "Jerry", "Soucy");
      console.log(family.reverse());
    </script>

运行结果如下:顺序翻转了过来

JavaScript で Array オブジェクトを使用する方法

方法3. push()(在末尾添加新元素)

在push()中,您可以在数组末尾添加一个新元素,并在添加后获取元素数。

代码如下

<script>
  var family= new JavaScript で Array オブジェクトを使用する方法("Tom", "Jerry", "Soucy");
  console.log(family.push("Marry", "Cindy"));
</script>

运行效果如下

JavaScript で Array オブジェクトを使用する方法

元素个数从3增加到了5,如果要显示增加的元素,可以再输入以下代码

console.log(family)

运行结果如下

JavaScript で Array オブジェクトを使用する方法

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。