JavaScript配列の組み込みメソッドの詳細な説明

1. Array.at()

機能: 整数値を受け入れ、そのインデックスにある項目を返します。正の整数と負の整数の両方が許可されます。負の整数は配列の最後の項目からカウントされます。

構文: Array.at(index)

パラメータ: index: 返される配列要素のインデックス (位置)。負のインデックスが渡された場合、配列の末尾からの相対インデックスがサポートされます。つまり、負の数値が使用される場合、返される要素は配列の末尾から逆方向にカウントして見つかります。

戻り値: 指定されたインデックスに一致する配列内の要素。指定されたインデックスが見つからない場合はundefinedを返します。

<script type="text/javascript">
			var arr = [1,2,3,4,5];
			var arr = arr.at(-1);
			console.log(newarr); // 5
			var newarr = arr.at(3);
			console.log(newarr); // 4
</スクリプト>

2. Array.copyWithin()

機能: 配列の一部を同じ配列内の別の位置に浅くコピーし、元の配列の長さを変更せずに返します。

構文: arr.copyWithin(target[, start[, end]])

パラメータ:

target:

0 は基底のインデックスであり、シーケンスはこの位置にコピーされます。負の数の場合は末尾から対象がカウントされます。

target が arr.length 以上の場合、コピーは行われません。ターゲットが開始に続く場合、コピーされたシーケンスは arr.length に適合するように変更されます。

start:

0 は基本インデックス、つまり要素のコピーを開始する位置です。負の場合、最後からカウントされます。

start が省略されている場合、copyWithin は 0 からコピーを開始します。

end:

0 は、コピーされた要素の終了位置から始まる基本インデックスです。 copyWithin はその位置にコピーしますが、末尾の要素は含まれません。負の場合、最後からカウントされます。

end が省略された場合、copyWithin メソッドは配列の末尾にコピーします (デフォルトは arr.length)

<script type="text/javascript">
			var arr = [1,2,3,4,5];
			var arr2 = arr.copyWithin(-2)
			console.log(arr2); // [1, 2, 3, 1, 2]
			var arr3 = arr.copyWithin(0, 3)
			console.log(arr3); // [4, 5, 3, 4, 5]
			var arr4 = arr.copyWithin(0, 3, 4)
			console.log(arr4); // [4, 2, 3, 4, 5]
			var arr5 = arr.copyWithin(-2, -3, -1)
			console.log(arr5); // [1, 2, 3, 3, 4]
</スクリプト>

3. 配列.entries()

機能: 配列内の各インデックスのキー/値のペアを含む新しい配列イテレータ オブジェクトを返します。

構文: arr.entries()

戻り値: 新しい配列反復子オブジェクト。配列イテレータはオブジェクトです。そのプロトタイプ (__proto__:Array Iterator) には、イテレータをトラバースして元の配列の [キー、値] を取得するために使用できる next メソッドがあります。

<script type="text/javascript">
			var 配列1 = ['a', 'b', 'c'];
			var iterator1 = array1.entries();
			コンソールにログ出力します。
			// 期待される出力: 配列 [0, "a"]
			コンソールにログ出力します。
			// 期待される出力: 配列 [1, "b"]
</スクリプト>

4. 配列.fill()

機能: 配列の開始インデックスから終了インデックスまでのすべての要素に固定値を入力します。終了インデックスは含まれません。

構文: arr.fill(target[, start[, end]])

パラメータ:

• value: 配列要素を埋めるために使用される値。
• 始める : オプション、開始インデックス、デフォルト値は 0 です。
• end : オプション、終了インデックス、デフォルト値は this.length です。

戻り値: 変更された配列

<script type="text/javascript">
			var 配列1 = [1, 2, 3, 4];	
			// 位置 2 から位置 4 まで 0 で埋める
			コンソールログ(配列1.fill(0, 2, 4));
			// 期待される出力: [1, 2, 0, 0]
			// 位置 1 から 5 を入力します
			コンソールログ(配列1.fill(5, 1));
			// 期待される出力: [1, 5, 5, 5]
			コンソールログ(配列1.fill(6));
			// 期待される出力: [6, 6, 6, 6]
</スクリプト>

5. 検索()

機能: 指定されたテスト関数を満たす配列の最初の要素の値を返します。それ以外の場合は undefined を返します。

構文: arr.find(callback[, thisArg])

パラメータ:

• コールバック: 配列内の各項目に対して実行される関数。3 つのパラメータを受け取ります。
• element: 現在走査されている要素。
• index: オプション、現在走査されているインデックス。
• 配列: オプション、配列自体。
• thisArg はオプションです。コールバックを実行するときに this として使用されるオブジェクトです。

戻り値: 指定されたテスト関数を満たす配列の最初の要素の値。それ以外の場合は undefined を返します。

<script type="text/javascript">
			var 配列1 = [5, 12, 8, 130, 44];
			var found = array1.find(要素 => 要素 > 10);
			console.log(見つかりました); // 12
</スクリプト>

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。