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



このブログでは、JavaScriptで配列がどのように機能するか、JavaScriptで使用されるさまざまな配列メソッドについて詳しく説明します。

またはWebプログラミングは動的なWebアプリケーションを生み出しました。 Webの台頭により、JavaScriptは 最も重要な言語 今日の世界では。この JavaScript配列 論文次の順序でJavaScriptの配列メソッドの詳細に移動します。

JavaScriptの紹介

は、Webページをよりインタラクティブにするために使用される、高レベルのインタープリター型プログラミング言語です。これは非常に強力なクライアント側のスクリプト言語であり、Webページをより活気のあるインタラクティブなものにします。





JavaScript-javascript配列-Edureka

これは、Webページに複雑で美しいデザインを実装するのに役立つプログラミング言語です。あなたのウェブページが生き生きと見えるようにし、あなたをただ見つめる以上のことをしたいのなら、JavaScriptは必須です。



JavaScriptの基礎

あなたがその言語に不慣れであるならば、あなたはいくつかを知る必要があります JavaScriptの基礎 それはあなたがあなたのコードを書き始めるのを助けるでしょう。基本は次のとおりです。

  • 配列

あなたはチェックアウトすることができます JavaScriptのこれらの基本的な概念と基本を深く理解するために。このJavaScript配列の記事では、アイテムのリストを定義するために使用されるさまざまな配列メソッドに焦点を当てます。

JavaScript配列

配列は データ構造 これには、単一の変数の下に複数の値を格納する要素のリストが含まれています。



JavaScriptで配列を宣言するには、「 しましょう ’キーワードを角かっこで囲み、その中のすべての要素を囲みます。構文は次のとおりです。

let ListItems = [] ListItems = ['shoes'、 'watch'、 'bag']

次のように宣言することもできます。

Let ListItems = ['shoes'、 'watch'、 'bag']

配列とオブジェクトの違い

JavaScript変数はオブジェクトにすることができます。配列は特別な種類のオブジェクトと見なされます。このため、同じ配列に異なるタイプの変数を含めることができます。

myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems

JavaScriptでは、 配列 使用する 番号付きインデックス 。一方、 オブジェクト として使用されます 名前付きインデックス

JavaScript配列メソッド

を使用する目的 アレイ 保存することです 複数の値単一のエンティティ 宣言された変数の。配列は、単一の変数を使用して要素に整然とアクセスしたい場合に使用されます。文字列、ブール値、数値を1つの配列に格納できます。

違いがある JavaScript配列メソッド 次のようなさまざまなタスクを実行するため。

  • 押す() –配列の操作中に、要素を削除したり、新しい要素を追加したりするのは簡単です。 push()メソッド 追加します 新しい要素 終わり 配列の。戻り値は新しい配列の長さです。

例:

let listItems = ['bag'、 'shoes'、 'dress'] console.log(listItems.push( 'watch'))

出力:

__init__ python 3
4

Push()は、配列に追加された値を返しません。配列の新しい長さのみを返します。

  • ポップ ()- pop()メソッドは次の目的で使用されます 削除する インクルード 最後の要素 配列から。ポップアウトされた値を返します。

例:

let listItems = ['bag'、 'shoes'、 'dress'] console.log(listItems.pop())

出力:

ドレス

Pop()は、Push()のように配列の長さではなく、削除された値を返します。

  • シフト() –シフトはポップに似ており、最後の要素ではなく最初の要素で作業します。 shift()メソッドは次の目的で使用されます 削除する インクルード 最初の配列要素 他のすべての要素をより低いインデックスにシフトします。シフトアウトされた文字列が返されます。

例:

let listItems = ['bag'、 'shoes'、 'dress'] console.log(listItems.shift())

出力:

バッグ

Shift()はpop()と同じように機能しますが、最後の要素ではなく、配列の最初の要素を返します。

  • unshift() – 方法 追加します の新しい要素 配列の始まり 古い要素のシフトを解除します。これはPush()に似ており、新しい配列の長さを返します。

例:

let listItems = ['bag'、 'shoes'、 'dress'、 'watch'] console.log(listItems.unshift( 'phone'))

出力:

5

Unshift()は、新しい要素を配列に追加し、新しい配列の長さを返します。

  • concat() – concat()メソッドは、によって新しい配列を作成します。 連結 または既存のアレイをマージします。それ既存の配列を変更せず、常に新しい配列を返します。

例:

let arr1 = ['red'、 'blue'、 'green'] let arr2 = ['colors'、 'spraypaint'、 'brush'] let newArr = arr1.concat(arr2)console.log(newArr)

出力:

  • toString() – toString()メソッドは次の目的で使用されます 変換する への配列 ストリング コンマで区切られた配列値の。

例:

let colors = ['red'、 'blue'、 'green'] console.log(colors.toString())

出力:

赤、青、緑
  • join() – join()メソッドはtoString()と同じように機能します。それはに慣れています 参加する すべての配列要素を ストリング 、ただし、さらに、 セパレーター

例:

let colors = ['red'、 'blue'、 'green'] console.log(colors.join( '+'))

出力:

赤+青+緑
  • 逆行する() – reverse()メソッドは次の目的で使用されます 逆行する インクルード 注文 配列内の要素の。元の配列を変更し、要素の順序を入れ替えます。

例:

let Fruits = ['mango'、 'apple'、 'grapes'] console.log(fruits.reverse())

出力:

  • ソート() – sort()メソッドは次の目的で使用されます ソート 配列 アルファベット順 。この関数は、デフォルトで値を文字列としてソートします。

例:

let Fruits = ['mango'、 'apple'、 'grapes'] console.log(fruits.sort())

出力:

  • スライス() –slice()メソッドは次の目的で使用されます スライス 配列の一部を新しい配列に出力します。ソース配列から要素を削除せずに新しい配列を作成します。配列からスライスされた値を返します。

例:

let colors = ['red'、 'blue'、 'green'、 'yellow'、 'orange'] console.log(colors.slice(1,3))

出力:

これらは、最も一般的に使用されるJavaScript配列メソッドの一部でした。これで、記事は終わりです。 JavaScriptで配列メソッドがどのように使用されるかを理解していただければ幸いです。

JavaScript配列メソッドについて理解したので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なWebサイトを作成し、それをAmazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。

質問がありますか? 「JavaScriptアレイ」のコメント欄にその旨を記載していただければ、折り返しご連絡いたします。