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 で「テキストオーバーフローの切り捨てと省略」を実装するいくつかの方法

推薦する

CSS3 で QR コードスキャン効果を実装する例

オンラインプレビューhttps://jsrun.pro/AafKp/まず効果を見てみましょう:最初の...

Kubernetes コントローラーとラベルの簡単な分析

目次01 k8sの一般的なコントローラーRCコントローラーデプロイメント コントローラーステートフル...

Google の新しい UI から学べること (画像とテキスト)

2011 年に最も顕著なウェブサイトの変更は、一連の製品に新しいユーザー インターフェースを導入した...

ReactプロジェクトでのTypeScriptの実装

目次1. はじめに2. 使用方法ステートレスコンポーネントステートフルコンポーネント制御コンポーネン...

MySQL で特定の日、月、または年のデータをクエリするためのコードの詳細な説明

今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...

チェックボックスの不確定プロパティの使用の紹介

Windows XP でフォルダーのプロパティ ダイアログ ボックスを使用すると、フォルダーの属性カ...

テーブルはセルとimg画像を結合してtd HTML全体を埋めます

ソースコード(一部のクラスは削除されています):コードをコピーコードは次のとおりです。 <テー...

Vue+Spring Bootで検証コード機能を実現

この記事では、検証コード機能を実装するためのvue+spring bootの具体的なコードを例として...

Tomcat での jar のロードに関する異常な問題の分析と解決

現象の説明:プロジェクトでは、Springboot を使用して Web プロジェクトを開始します。起...

HTML における水平および垂直の中央揃え方法の詳細な説明 (基礎)

序文馬を書いていたとき、水平方向と垂直方向の中央揃えの方法について、誰もあまり知らなかったと思います...

SQL Server 2019 Always On クラスターの Docker デプロイメントの実装

目次Docker デプロイメント Always on クラスターDockerをインストールする建築関...

Linux 上の Vim で色とテーマを変更する方法

Vim は Linux でよく使用されるテキスト エディターです。 Vim は、Sublime や ...

NODE.JS を使用して WEBSERVER を作成する手順

目次Node.jsとはNodeJSをインストールするNode を使用して Hello World を...

React antd タブの切り替えによりサブコンポーネントが繰り返し更新される

説明する: Tabs コンポーネントが切り替わると、TabPane に含まれる同じサブコンポーネント...

古典的なJavaScriptの再帰ケースの質問の詳細な分析

目次再帰とは何ですか?また、どのように機能しますか? 1. 合計(1)デジタル加算(2)配列の和2....