ホームページ > 記事 > ウェブフロントエンド > JavaScript で Array オブジェクトを使用する方法
JavaScript で Array オブジェクトを使用する方法
- 不言オリジナル
- 2018-12-13 14:40:392973ブラウズ
JavaScript で JavaScript で Array オブジェクトを使用する方法 オブジェクトを使用する方法: まずコード ファイルを作成し、次に new を使用して配列オブジェクトを作成し、最後に 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 で Array オブジェクトを使用する方法 オブジェクトのプロパティとメソッドを見てみましょう
プロパティ 1. length (配列の長さを取得)
コードは次のとおりです
<script>
var family= new JavaScript で Array オブジェクトを使用する方法("Tom", "Jerry", "Soucy");
console.log(family.length);
</script>実行時の効果は次のとおりです
ファミリー配列には、トム、ジェリー、スーシーの 3 つの要素があるため、3 と表示されます。
長さと属性について
配置の length 属性の要素数を置換します。置換前の要素数よりも置換後の要素数が少ない場合は、その要素も置換されます。削除される。
今回は、「Taro」「Jiro」「Saburo」の配列の長さ属性は、「「Taro」「Jiro」」に2を代入します。
それでは、それぞれについて説明してくださいcode.
初期値は以下のとおりです。
##配列のlengthプロパティに要素数を代入することで、代入前の要素数よりも小さい場合は、#このとき、["Tom", "Jerry", "Soucy"] は配列の長さ属性を 2 に設定し、配列は ["Tom", になります。 "Jerry"]
説明しましょう
初期値は次のとおりです。##
var family = ['Tom', 'Jerry', 'Soucy'];要素が 3 のファミリー配列の長さを 2## に設定します。 #
family.length = 2;
このとき、配列ファミリーの要素を 1 つ削除して次のように配列を表示します。配列の値は ['Tom', 'Jerry'] になります。
console.log(family)
表示結果は0,1となります。
##現在の配列要素の添字を表示するコードです。配列の長さは次のとおりです
console.log(Object.keys(family));
表示結果は 2
最初の要素を取得してみましょう
次のように記述します以下のようなコードです
console.log（family.length）;ただし、構文が異なるため、以下の結果が表示されます
console.log(family.1);
実行結果は次のとおりです。
これは、配列ファミリーの長さから渡される添字値 1 を持つ要素 属性を 1 減分して得られる数値は上記と同じです
メソッド1.slice()(配列要素の取得)
具体的な例を見てみましょう
console.log(family[1]);
実行結果は次のとおりです。次のように＃＃＃＃＃＃
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>运行结果如下：顺序翻转了过来
方法3. push()（在末尾添加新元素）
在push()中，您可以在数组末尾添加一个新元素，并在添加后获取元素数。
代码如下
<script>
var family= new JavaScript で Array オブジェクトを使用する方法("Tom", "Jerry", "Soucy");
console.log(family.push("Marry", "Cindy"));
</script>运行效果如下
元素个数从3增加到了5，如果要显示增加的元素，可以再输入以下代码
console.log(family)
运行结果如下
以上がJavaScript で Array オブジェクトを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。