JavaScript配列の一般的なメソッドの詳細な説明

JavaScript配列の一般的なメソッドの詳細な説明

元の配列を変更しない方法

1. 連結

2 つ以上の配列を結合するために使用されます。このメソッドは既存の配列を変更せず、新しい配列を返します。

文法:

var new_array = old_array.concat(値1[, 値2[, ...[, 値N]]])

パラメータ:

ValueN (オプション):

新しい配列にマージされる配列および/または値。すべての valueN パラメータが省略されている場合、concat はこのメソッドが呼び出された既存の配列の浅いコピーを返します。

戻り値:

新しい配列

ここに画像の説明を挿入

2. 参加する

配列 (または配列のようなオブジェクト) のすべての要素を文字列に連結し、その文字列を返します。配列に項目が 1 つしかない場合は、その項目は区切り文字なしで返されます。

文法:

arr.join([セパレータ])

パラメータ:

separator (オプション):

配列の各要素を区切る文字列を指定します。必要に応じて、区切り文字を文字列に変換します。この値を省略すると、配列要素はカンマ (,) で区切られます。セパレータが空の文字列 ("") の場合、すべての要素の間に文字は配置されません。

戻り値:

すべての配列要素が連結された文字列。 arr.length が 0 の場合、空の文字列が返されます。

ここに画像の説明を挿入

知らせ:

要素が未定義または null の場合、空の文字列に変換されます。

3. スライス

begin と end (begin を含み end を含まない) によって決定される元の配列の浅いコピーである新しい配列オブジェクトを返します。元の配列は変更されません。

文法:

arr.slice([開始[, 終了]])

パラメータ:

begin (オプション): 抽出が開始されるインデックス (0 から開始)。ここから元の配列要素が抽出されます。パラメータが負の数の場合、元の配列の最後の要素から抽出を開始することを意味します。Slice(-2) は、元の配列の最後から 2 番目の要素から最後の要素 (最後の要素を含む) までを抽出することを意味します。 begin が省略された場合、スライスはインデックス 0 から始まります。 begin が元の配列のインデックス範囲を超える場合、空の配列が返されます。

end (オプション): 抽出が終了するインデックス (0 から始まる)。ここで元の配列要素の抽出は終了します。 slice は、begin から end までのインデックスを持つ元の配列内のすべての要素を抽出します (begin は含みますが、end は含みません)。このパラメータが負の数の場合、抽出が終了する元の配列の最後の要素を示します。 end を省略すると、スライスは元の配列の末尾まで抽出されます。 end が配列の長さより大きい場合、slice は元の配列の末尾まで抽出されます。

戻り値:

抽出された要素を含む新しい配列。

ここに画像の説明を挿入

4. 文字列

指定された配列とその要素を表す文字列を返します。

文法:

ar.toString() 関数

戻り値:

指定された配列とその要素を表す文字列。

ここに画像の説明を挿入

元の配列を変更する方法

1. ポップ

配列から最後の要素を削除し、その要素の値を返します。

文法:

arr.pop()

戻り値

配列から削除する要素 (配列が空の場合は undefined を返します)。

ここに画像の説明を挿入

2. プッシュ

配列の末尾に 1 つ以上の要素を追加し、配列の新しい長さを返します。

文法:

arr.push(要素1、...、要素N)

パラメータ:

elementN : 配列の末尾に追加する要素。

戻り値:

このメソッドが呼び出されると、新しい長さプロパティ値が返されます。

ここに画像の説明を挿入

3. シフト

配列から最初の要素を削除し、その要素の値を返します。このメソッドは配列の長さを変更します。

文法:

arr.shift() 関数

戻り値:

配列から削除された要素。配列が空の場合は undefined を返します。

ここに画像の説明を挿入

4. シフト解除

配列の先頭に 1 つ以上の要素を追加し、配列の新しい長さを返します (このメソッドは元の配列を変更します)。

文法:

arr.unshift(要素1, ..., 要素N)

パラメータ:

elementN: 配列の先頭に追加する要素。

戻り値:

このメソッドがオブジェクトに対して呼び出されると、その length プロパティの値が返されます。

ここに画像の説明を挿入

5. 接合

既存の要素を削除または置換するか、新しい要素を追加して配列を変更し、変更された内容を配列として返します。このメソッドは元の配列を変更します。

文法:

配列.splice(開始[, 削除カウント[, 項目1[, 項目2[, ...]]]])

**パラメータ:**

start​​ : 変更の開始位置を指定します(0 からカウント)。配列の長さを超えた場合、配列の末尾からコンテンツが追加されます。負の値の場合は、配列の末尾からのビット数を示します (-1 からカウントします。つまり、-n は末尾から n 番目の要素であり、array.length-n に相当します)。負の数の絶対値が配列の長さより大きい場合は、開始位置が 0 であることを示します。

deleteCount (オプション): 削除する配列要素の数を表す整数。 deleteCount が start 以降の要素の合計数より大きい場合、start 以降のすべての要素 (開始位置を含む) が削除されます。 deleteCount が省略されているか、その値が array.length - start 以上 (つまり、start 以降の要素数以上) の場合、配列の start 以降のすべての要素が削除されます。 deleteCount が 0 または負の場合、要素は削除されません。この場合、少なくとも 1 つの新しい要素を追加する必要があります。

item1, item2, … (オプション): 位置 start から始まる、配列に追加する要素。指定されていない場合、splice() は配列要素を単に削除します。

戻り値:

削除された要素で構成される配列。 1 つの要素のみが削除された場合は、 1 つの要素のみを含む配列が返されます。要素が削除されなかった場合は、空の配列が返されます。

ここに画像の説明を挿入

6. 逆

配列内の要素の位置を反転し、配列を返します。配列の最初の要素が最後の要素になり、配列の最後の要素が最初の要素になります。このメソッドは元の配列を変更します。

文法:

arr.reverse()

戻り値:

逆の配列。

ここに画像の説明を挿入

7. 並べ替え

アルゴリズムを使用して配列の要素をソートし、配列を返します。

文法:

arr.sort([比較関数])

パラメータ:

compareFunction (オプション): 順序を指定するために使用される関数。省略した場合、要素は変換された文字列内の文字の Unicode 位置に従ってソートされます。

1. firstEl : 比較する最初の要素。

2. secondEl : 比較する2番目の要素。

戻り値:

ソートされた配列。

ここに画像の説明を挿入

要約する

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

以下もご興味があるかもしれません:
  • JavaScript配列の一般的なメソッドの概要
  • js の Array.forEach でループを終了する方法の例
  • JavaScript 配列オブジェクトの使用分析
  • JavaScript配列オブジェクトの基本メソッドの詳細な説明
  • js配列オブジェクト操作メソッドのまとめ

<<:  preタグを自動的に折り返すためのサンプルコード

>>:  純粋な CSS で「テキストオーバーフローの切り捨てと省略」を実装するいくつかの方法

推薦する

CSS でより美しいリンクプロンプト効果をカスタマイズする方法

提案: コードをできるだけ手書きすると、学習の効率と深さを効果的に向上できます。デフォルトでは、&l...

Vue はフォームデータ検証のサンプルコードを実装します

el-form フォームにルールを追加します。データにルールを定義する定義されたルールをel-for...

Tomcat メモリ オーバーフロー問題の解決経験

少し前に、製品バージョンをテスト用にテスターに​​提出したのですが、テスト結果はまったく予想外のもの...

mysql5.6.8 ソースコードのインストールプロセス

カーネル: [root@opop ~]# cat /etc/centos-release CentO...

MySQL でスロークエリを有効にする方法の例

序文スロー クエリ ログは、MySQL で非常に重要な機能です。MySQL のスロー クエリ ログ機...

Linux でのマルチスレッドにおけるフォークの紹介

目次質問:ケース(1)子スレッドを作成する前にフォークするケース(2)子スレッドを作成した後にフォー...

Vueでlessを使用する問題を解決する

1. less依存関係をインストールします: npm install less less-loade...

Vue3 ドキュメント クイックスタート

目次1. セットアップ1. セットアップ関数の最初のパラメータ - props 2. 文脈2. セッ...

MySQLデータベースの基礎知識と操作のまとめ

この記事では、例を使用して、MySQL データベースの基本的な知識と操作について説明します。ご参考ま...

nginx のインストールが完了した後に PHP を解析できない問題の解決方法

目次方法1方法2 nginxをインストールした後、PHPコードを解析できないことがわかりました。解決...

Vscode が Ubuntu にリモート接続する際のエラー問題の解決方法

1. 事件の背景:仕事上、Ubuntu への vscode リモート接続を使用する必要があります。 ...

純粋な CSS 流星群の背景サンプルコード

GitHubアドレス、気に入ったらスターを付けてくださいプラグインのプレビューチュートリアルコード表...

IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。

これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...

mysql.data.dll ドライバーのさまざまなバージョンの簡単な分析

ここにmysqlドライバmysql.data.dllがあります知らせ:ここではX86バージョンが多く...

Vueはページング機能を実装する

この記事の例では、ページング機能を実装するためのVueの具体的なコードを参考までに共有しています。具...