JavaScriptの配列メソッド:配列メソッドについて知っておくべきことすべて



この記事では、JavaScriptのさまざまな配列メソッドに関する詳細情報と、関連するプログラム例を紹介します。

ソリューションのコーディングを計画する場合、効率は非常に重要です。の配列オブジェクト さまざまな方法で構成されています。これらのメソッドは、効率的に実行するためにコードで使用されます。この記事では、JavaScriptのさまざまな配列メソッドに焦点を当てます。

この記事では、次のポインタを修正します。





この記事の最初のトピックを続けましょう。

JavaScriptの配列メソッド

Concatメソッド

concat()メソッドは、2つ以上の配列を結合してから、結合された配列のコピーを返します。



varalphabet = ['r'、 's'、 't'] var num = [5、6、7] var AlphabetNum = album.concat(num)document.write( 'AlphabetNum:' + AlphabetNum)

与えられた例では、concatメソッドは2つの配列alphabetとnumを結合し、新しい連結配列AlphabetNumを返します。

出力:

AlphabetNum:r、s、t、5,6,7



次はCopyWithinメソッドです。

CopyWithinメソッド

JavaScriptに存在するcopyWithin()メソッドは、配列の一部を同じ配列にコピーしてから返すために使用されます。

構文:

array.copyWithin(target、start、end)

このメソッドは、次の3つのパラメーターで構成されます。

  • ターゲット:要素がコピーされるインデックス位置。ターゲットの指定は必須です。
  • 開始:要素のコピーを開始するインデックス位置。オプションです。 startのデフォルト値は0です。
  • 終了:要素をコピーするプロセスを終了するためのインデックス位置。これもオプションのパラメータであり、デフォルト値は 長さ
var number = ['One'、 'Two'、 'Three'、 'Four'、 'Five'、 'Six'、 'Seven'] document.write(number)document.write( ' 
'+ number.copyWithin(3,0,4))

出力:

一二三四五六七

ワン、ツー、スリー、ワン、ツー、スリー、フォー

例に示すように、配列の値は同じ配列にコピーされます。ターゲットインデックスは3、開始インデックスは0、終了インデックスは4です。

javascriptのこの配列メソッドの次のビットは、

すべての方法

このメソッドは、配列に存在するすべての要素が指定された条件を満たすかどうかを検査またはチェックします。メソッドの構文は次のとおりです。

array.every(function [、This_arg])

この関数の引数は別の関数です。チェックする必要のある条件を定義します。次の引数があります。

  • 配列:every()関数が呼び出される配列。これはオプションの引数です。
  • インデックス:現在の要素のインデックス。これもオプションです。
  • 要素:関数によって処理されている現在の要素。この引数を使用する必要があります。

this_argは、関数に使用するように指示するために使用されます この 値。次の例では、配列内の各要素が正であるかどうかを確認します。

function positive(element、index、array){return element> 0} function func(){var array = [11、89、23、7、98] //正の数をチェックvarvalue = array.every(positive)document .write(value)} func()

関数はtrueまたはfalseの観点から値を返すことに注意する必要があります。配列に存在するすべての要素が正であるため、出力は次のようになります。

true

次はToStringメソッドです。

Javaでのバイナリ検索とは何ですか

ToStringメソッド

このメソッドは、数値を文字列に変換します。基数を指定することで数値を変換することもできます。

var number = 569 document.write( 'Output:' + number.toString())

与えられた例では、toString()メソッドはパラメーターまたは基本値なしで呼び出されます。

出力:

569

それでは、joinメソッドを見てみましょう。

結合方法

join()メソッドは、配列に存在するすべての要素を結合します。さらに、要素を区切るための区切り文字を指定できます。

var a = new Array( 'I'、 'Love'、 'Music')var string = a.join()document.write( 'string:' + string)var string = a.join( '*')document。書く(' 
string: '+ string)var string = a.join(' + ')document.write('
文字列: '+文字列)

提供されている例では、最初の結合方法にはセパレーターが含まれていないため、デフォルトのセパレーターが使用されます。他の2つの方法では、「*」と「+」は指定された演算子です。

出力:

文字列:私、愛、音楽

文字列:私*愛*音楽

文字列:私+愛+音楽

javascriptの配列メソッドに関するこの記事の次は、

ポップアンドプッシュ方式

pop()メソッドは、スタックのように、配列の最後から要素を削除します。一方、push()メソッドは、配列の最後に要素を追加します。

これらのメソッドは、LIFO(後入れ先出し)の概念を実装します。

['ロック'、 'メタル'、 'ブルース'、 'ジャズ'] list.pop()['ロック'、 'メタル'、 'ブルース']

このコードは、配列の最後の要素、つまり「Jazz」を削除します。

push()メソッドは、要素を配列に追加し直します。

['ロック'、 'メタル'、 'ブルース'] list.push( 'ジャズ')['ロック'、 'メタル'、 'ブルース'、 'ジャズ']

さらに進んでみましょう、

シフトおよびシフト解除方法

shift()メソッドは、配列の先頭から要素を削除します。一方、unshift()メソッドは、要素を配列の先頭に追加します。

['ロック'、 'メタル'、 'ブルース'、 'ジャズ'] list.shift()['メタル'、 'ブルース'、 'ジャズ']

このコードは、最初の要素、つまりRockを配列から削除します。

unshift()メソッドを使用すると、「Rock」が配列に追加されます。

['ロック'、 'メタル'、 'ブルース'、 'ジャズ'] list.unshift( 'ロック')['ロック '、'メタル'、 'ブルース'、 'ジャズ']

私たちはjavascriptブログのこの配列メソッドの最後の部分にいます、

スプライス方式

splice()メソッドは、配列の特定の部分または選択した部分を削除します。これは、要素を配列から削除、置換、または追加するための機知に富んだ方法であることがわかります。

['Rock'、 'Metal'、 'Blues'、 'Jazz'] list.splice(2、1)//インデックス位置2から開始して、1つの要素を削除します['Rock'、 'Metal'、 'Jazz'] list .splice(2,2)//インデックス位置2から開始して、2つの要素を削除します['Rock'、 'Metal']

上記の例では、sliceメソッドは指定されたインデックスに従って要素を削除します。

「ブルース」は、インデックス2に配置されているため、最初の例から削除されています。

2番目の例では、「Blues」と「Jazz」の2つの要素が削除されています。これは、インデックスが、インデックス2から始まる2つの要素を削除する必要があることを指定しているためです。

JavaScriptでは配列のインデックスがゼロであることに注意する必要があります。

スライス法

スライス()メソッドは、初期配列から要素をスライスし、その要素を含む新しい配列を返します。スライス()メソッドは初期配列から要素を削除しないことに注意する必要があります。

var array = ['Rock'、 'Pop'、 'Jazz'、 'Blues'、 'Metal'] document.write( 'array.slice(1、2):' + array.slice(1、2))document 。書く(' 
array.slice(1、3): '+ array.slice(1、3))

次のコードの出力は次のとおりです。

array.slice(1、2):ポップ

array.slice(1、3):ポップ、ジャズ

javascriptのこの配列メソッドの最後のメソッドは、

ForEachメソッド

このメソッドは、配列に存在する各要素の関数を呼び出します。

function funct(){//初期配列const items = [2、18、28] const copy = [] items.forEach(function(item){copy.push(item * item)})document.write(copy)} funct()

この例では、配列に存在するすべての要素の2乗を計算します。

出力は次のとおりです。

4,324,784

これで、「JavaScriptの配列メソッド」に関するこのブログは終わりです。この有益でお役に立てば幸いです。同様のトピックに関するその他のチュートリアルにご期待ください。トレーニングプログラムもご覧ください。o jQueryとそのさまざまなアプリケーションに関する深い知識を得るには、次のことができます。 24時間年中無休のサポートと生涯アクセスを備えたライブオンライントレーニング用。

質問がありますか?このブログのコメントセクションでそれらに言及してください。折り返しご連絡いたします。