ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の配列関数 array() の関連紹介

JavaScript の配列関数 array() の関連紹介

巴扎黑
リリース: 2017-08-17 14:49:06
オリジナル
1509 人が閲覧しました

プログラミング言語における配列の重要性は自明のことですが、JavaScript の配列は最も一般的に使用されるオブジェクトの 1 つであり、弱い型であるため、非常に柔軟で強力です。 Java などの厳密に型指定された高級言語の配列は、同じ型またはそのサブタイプの要素のみを保存できます。JavaScript は同じ配列に複数の型の要素を保存でき、長さは動的に調整でき、増減できます。データを自動的に変更します。

Array() は、配列の構築に使用される組み込みコンストラクター関数です。配列は主に次の 3 つの方法で作成されます:

<span class="pln">array </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">Array</span><span class="pun">()</span><br/><span class="pln">array </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">Array</span><span class="pun">([</span><span class="pln">size</span><span class="pun">])</span><span class="pln">array </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">Array</span><span class="pun">(</span><span class="pln">element0</span><span class="pun">,</span><span class="pln"> element1</span><span class="pun">,</span><span class="pln"> </span><span class="pun">...,</span><span class="pln"> elementN</span><span class="pun">)</span>
ログイン後にコピー

parameters

parameter size は、予想される配列要素の数です。返された配列では、長さフィールドが size の値に設定されます。

パラメータ要素 ...、要素nはパラメータリストです。これらの引数を指定してコンストラクター Array() を呼び出すと、新しく作成された配列の要素がこれらの値に初期化されます。その長さフィールドもパラメータの数に設定されます。

戻り値

新しく作成され初期化された配列を返します。

コンストラクター Array() がパラメーターなしで呼び出された場合、返される配列は空になり、長さフィールドは 0 になります。

コンストラクターを呼び出して数値パラメーターのみを渡すと、コンストラクターは指定された数の要素と未定義の要素を含む配列を返します。

Array() が他のパラメーターを指定して呼び出された場合、コンストラクターはパラメーターで指定された値で配列を初期化します。

new 演算子を使用せずにコンストラクターが関数として呼び出された場合、new 演算子を使用して呼び出された場合とまったく同様に動作します。

配列オブジェクトのメソッド

配列オブジェクトのプロパティ

concat()メソッド:

配列の統合

[1,2]concat([3,4],[5,6]);//[1,2,3,4,5,6]
ログイン後にコピー


join()メソッド:

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> a </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="lit">1</span><span class="pun">,</span><span class="lit">2</span><span class="pun">,</span><span class="lit">3</span><span class="pun">];</span><br/><span class="pln"> a</span><span class="pun">.</span><span class="pln">join</span><span class="pun">(</span><span class="str">""</span><span class="pun">);</span><span class="com">// =>"123"</span><span class="tag"></script></span>
ログイン後にコピー


pop()メソッド:

移動配列の最後の要素を分割して返します。

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> fruits </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="str">"apple"</span><span class="pun">,</span><span class="str">"banana"</span><span class="pun">,</span><span class="str">"pineapple"</span><span class="pun">];</span><br/><span class="pln"> fruits</span><span class="pun">.</span><span class="pln">pop</span><span class="pun">();</span><span class="com">// pineapple </span><br/><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">fruits</span><span class="pun">);</span><span class="com">//["apple","banana"]</span><span class="tag"></script></span>
ログイン後にコピー

shift() メソッド:

配列の最初の要素を削除して返します。

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> a </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="lit">1</span><span class="pun">,</span><span class="lit">2</span><span class="pun">,</span><span class="lit">3</span><span class="pun">];</span><br/><span class="pln"> a</span><span class="pun">.</span><span class="pln">shift</span><span class="pun">();</span><span class="com">//1</span><br/><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">a</span><span class="pun">);</span><span class="com">//[2,3]</span><span class="tag"></script></span>
ログイン後にコピー

slice(start,end)

メソッド: 元の配列を変更せずに、配列の特定の部分をインターセプトします。

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln">  </span><span class="kwd">var</span><span class="pln"> num </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="str">"a"</span><span class="pun">,</span><span class="str">"b"</span><span class="pun">,</span><span class="str">"c"</span><span class="pun">,</span><span class="str">"d"</span><span class="pun">,</span><span class="str">"e"</span><span class="pun">];</span><br/><span class="pln">  console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">num</span><span class="pun">.</span><span class="pln">slice</span><span class="pun">(</span><span class="lit">1</span><span class="pun">,</span><span class="lit">4</span><span class="pun">));</span><span class="com">//["b","c","d"]</span><br/><span class="pln">  console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">num</span><span class="pun">);</span><span class="com">//["a","b","c","d","e"]</span><span class="tag"></script></span>
ログイン後にコピー


splice(start,delete_count,i1,i2...)

方法: 配列要素の削除と新しい要素の追加を同時に行います。 i1 と i2 は、挿入される新しい要素です

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> arr </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="str">"js"</span><span class="pun">,</span><span class="str">"css"</span><span class="pun">,</span><span class="str">"html"</span><span class="pun">,</span><span class="str">"php"</span><span class="pun">,</span><span class="str">"c"</span><span class="pun">];</span><br/><span class="pln"> arr</span><span class="pun">.</span><span class="pln">splice</span><span class="pun">(</span><span class="lit">1</span><span class="pun">,</span><span class="pln"> </span><span class="lit">2</span><span class="pun">,</span><span class="str">"python"</span><span class="pun">,</span><span class="str">"jquery"</span><span class="pun">);</span><span class="com">//["css","html"]</span><br/><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">arr</span><span class="pun">);</span><span class="com">//["js","python","jquery""php","c"]</span><span class="tag"></script</span>
ログイン後にコピー

以上がJavaScript の配列関数 array() の関連紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート