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の詳細なチュートリアル

推薦する

さまざまなMySQLインデックスの使用方法の詳細な説明

1. 遅いクエリログ1.1 MySQL ログの種類ログは、データベースの操作や、ユーザーがデータベー...

NextCloud プライベート クラウド ストレージ ネットワーク ディスクの構築に関する詳細なチュートリアル

Nextcloud は、オープンソースで無料のプライベート クラウド ストレージ ネットワーク ディ...

nginx で正規表現を使用してワイルドカードドメイン名を自動的に一致させる方法

Nginxは正規表現を使用して、ワイルドカードドメイン名をディレクトリに自動的に一致させます。 Ng...

Clickhouse Docker クラスターの展開と構成を例を使って説明します

目次前面に書かれた環境の展開Zookeeper クラスタの展開Clickhouse クラスターの展開...

W3C チュートリアル (10): W3C XQuery アクティビティ

XQuery は、XML ドキュメントからデータを抽出するための言語です。 XQuery は、XML...

事例を通してLinux NFSの仕組みを詳細に分析

前回の記事に引き続き、web02 サーバーを作成し、web01 サーバーと web02 サーバーの ...

Dockerの高可用性構成の詳細な説明

Docker の作成Docker Compose は、管理対象コンテナをプロジェクト、サービス、コン...

JavaScript における call、apply、bind の実装原則の詳細な説明

目次序文電話使用法成し遂げるシンプルな実装バージョン:アップグレード版:適用する使用法成し遂げるバイ...

JavaScript 関数はランダムな色の検証コードをカプセル化します (完全なコード)

数字、文字、またはランダムな色の数字と文字の混合で構成される n 桁の確認コード。以下に完全なコード...

HTML 縦列表示テキストを使用してテキストを縦列で表示します

コードをコピーコードは次のとおりです。 <span style='display:bl...

コンテンツウェブページの画像プレビューのデザイン

<br />以前、「コンテンツページ番号のプレビューナビゲーション」と「写真プレビューナ...

スケジュールされた時間に古いジャンクファイルを自動的に削除する Linux 用の Autotrash ツール

Autotrash は、古い削除済みファイルを消去するプロセスを自動化するコマンド ライン プログラ...

Redhat 8.0 システムのインストール方法に関するグラフィック チュートリアル (初心者には必須)

目次1. はじめに2. インストール01. 新しい仮想マシンを作成する02. システムをインストール...

nginx高可用性クラスタの実装プロセス

この記事は主に、nginx 高可用性クラスタの実装プロセスを紹介します。この記事のサンプルコードは非...

MySQL 8.0 のインストール中に発生した 3 つの小さなエラーの概要

序文これまで当社ではMySQLの5.7シリーズを使用していましたが、バージョン8.0のリリースに合わ...