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

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 のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript配列についてさらに詳しく知るのに役立つ記事
  • Javascript配列の重複排除のいくつかの方法の詳細な説明
  • よく使われるJavaScript配列メソッド
  • JavaScript 配列の詳細な概要
  • JavaScriptでよく使われる配列重複排除実戦ソースコード
  • JavaScript で配列の変更を監視する方法
  • JS オブジェクト配列の重複排除のための 3 つの方法の例と比較
  • JSは単純なフィルタリングから複数条件のフィルタリングまで配列フィルタリングを実装します
  • JavaScript 配列の Reduce() メソッドの構文と例の分析
  • JavaScript で 24 以上の配列メソッドを手動で実装する

<<:  MySQLはフィールドからカンマ区切りの値を取り出して新しいフィールドを形成します

>>:  Pycharmとsshリモートアクセスサーバーdockerの詳細なチュートリアル

推薦する

insert と select を組み合わせて、「データベース内のフィールドの最大値 + 1 を挿入する」メソッドを実装する

この記事はmysqlデータベースです質問 1 表 1 のデータを表 2 にインポートします。表 1 ...

データベースのインデックス作成に関する知識ポイントのまとめ。必要な情報はすべてここにあります。

データベースインデックスについては皆さんもよくご存知だと思います。 インデックスは、データベース テ...

HTML iframe と frameset の違い_PowerNode Java Academy

導入1.<iframe> タグ: iframe は、ページ内に内部フレームを生成するイン...

Vue で wangeditor リッチテキスト編集を使用する際の問題

wangEditor は、JavaScript と CSS に基づいて開発された Web リッチ テ...

ダウンロードにおすすめの氷と雪のフォント 33 種類 (個人用および商用)

01 ウィンターフレーク(個人のみ) 02 スノートップキャップ(業務用) 03 モディウス「フリ...

Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

静的ウェブサイトをホストできるサーバーは数多くあります。この記事では、nginx、apache、to...

CSS のサイズ単位についての簡単な説明

ブラウザの互換性はどんどん良くなってきています。モバイル端末は基本的にすべてWebKitベースです。...

Linux コンパイル最適化で習得しなければならないいくつかの姿勢のまとめ

01. コンパイルオプションとカーネルコンパイルLinux カーネル (英語: linux kern...

IntelliJ IDEA に Docker プラグインをインストールする詳細な手順 (2018 バージョン)

目次1. 開発環境2. dockerプラグインをインストールする1. アイデアのインストール2. イ...

Oracle の MySQL バージョンでユーザー Scott のテーブル ステートメントを作成する例

概要: Oracle scottユーザーには4つのテーブルがあり、実験やデータ検証に便利です。現在は...

JSキャンバスは描画ボードと署名ボードの機能を実現します

この記事では、お絵かきボード/サインボード機能を実現するためのJSキャンバスの具体的なコードを参考ま...

Vue組み込みコンポーネントのキープアライブの使用例

目次1. キープアライブの使用使用例: 1. すべてのページをキャッシュする: 2. 条件に基づいて...

ウェブサイトレイアウトにおける CSS の計算関数 calc の例

calc は数値を計算するために使用される CSS 関数です。長さ、角度、時間などを計算できます。 ...

jQuery Ajax チャットボットの実装事例

チャットボットは多くの手作業を省くことができ、顧客サービス、天気予報対応など、さまざまな状況で使用で...

Mac で MySQL 8.0.22 のパスワードを取得する方法

Mac 最新バージョンの MySQL 8.0.22 パスワード回復問題の説明:昨日、突然、Macで最...