ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript での new Array() と var arr=[] の使用法

JavaScript での new Array() と var arr=[] の使用法

小云云
リリース: 2017-12-04 13:27:02
オリジナル
3812 人が閲覧しました

皆さんは JavaScript の配列関数 new Array() と var arr=[] を学習していますが、多くの友人は JavaScript の配列関数 new Array() と var arr=[] を分析してみましょう。使い方の違いを一緒に学びましょう。

以下の概要をご覧ください。

var arr=[]

これは配列を定義するリテラルメソッドです

var arr=new Array()

これは配列コンストラクターを呼び出して生成される配列です

上記の2種類の定義配列 メソッドは同じであり、異なります

現在、一般的に次のとおりであることに同意しています

new キーワードを使用してメモリ内のストレージ アドレスを開くと、より多くのリソースとメモリが消費されます。

リテラル メソッドを直接使用するメモリ内にストレージフィールドを開きます 比較的シンプルでリソースを消費しません。

まずは上記の結論を否定しないでください。

まず、機能的に言​​えば、var =arr=[] と var arr= new Array() は同じです。

次に、コードの一部を使用して検証します


var startTime=new Date().getTime();
var test1=[];
var test2=[];
for(var i=0;i<1000000;i++){
  //test1[i]={};
  test2[i]=new Object();
}

var endTime=new Date().getTime();
console.log(&#39;输出耗时:&#39;,endTime-startTime);
ログイン後にコピー


上記の 2 つの配列 test1 と test2 の各要素は、私がテストしたコードの任意の行に順番にコメントできます。 10回以上繰り返しました

その結果

36**
36**

上記2回はどちらも約3600秒、上りも下りも大きな差はありません

私の実行時間はMacBook Airです( 13 インチ、Mid 2013)、プロセッサ: 1.3 GHz Intel Core i5、メモリ: 4 GB 1600 MHz DDR3、JS Runner ツール

したがって、上記 2 つの方法には大きな違いはないと考えてください。

[ ] とnew Array() は構文上唯一のものです 違いは、new Array() が配列の長さを直接設定できることです

new Array() には、配列を構築するときに次のメソッドがあります

var arr = new Array();
var arr = new Array(8);
var arr = new Array("c", "d", "e");
リテラルメソッド
var d = ["111", "222", "333"] ;

パフォーマンスの点では、これら 2 つの方法に大きな違いはありません。これは単なる使用習慣であり、リテラルの方が簡単です。

一歩下がって、var arr=['111', '222','333']; 配列を定義するとき、コンストラクターを通じてメモリ内のストレージアドレスが開かれませんか?

var list = new Array()はjsでよく書くコードですが、今日はArrayオブジェクトがどのようなメソッドを持っているかをまとめます。


list[0] = 0;

list[1] = 1;list[2] = 2;または次のように宣言します: var list = [0,1,2]

1 SHIFT() t :配列の最初の要素を削除し、削除された値を返します。これは 0

2 unshift(3,4) です。配列の先頭にパラメーターをロードし、配列の長さを返します。 list: は 3,4,0,1,2

3pop(): 配列の最後の要素を削除し、削除された値を返します。 2.

4push(3): 配列の末尾にパラメータをロードし、リストにある配列の長さを返します: 0,1,2,3

5concat(3,4): Splice 2 つのアレイが立ち上がります。

6splice(start,deleteCount,val1,val2,...): 開始位置から deleteCount 項目を削除し、この位置から val1, val2,... を挿入します

reverse: 配列を反転します

var a = [1, 2,3,4,5];

var b = a.reverse(); //a: [5,4,3,2,1] b: [5,4,3,2,1] (orderfunction): 指定されたパラメーターに従って配列を並べ替えます

var a = [1,2,3,4,5]

var b = a.sort(); //a: [1,2,3,4]; ,5] b: [1,2,3,4,5]

slice(start,end): 元の配列内の指定された開始インデックスと終了インデックスの間の項目で構成される新しい配列を返します

var a = [ 1,2,3,4,5];

var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4, 5]

join(separator): 区切り文字として separator を使用して、配列の要素を文字列に結合します。省略した場合は、デフォルトのカンマが区切り文字として使用されます
var a = [1,2,3,4,5] ; b = a.join("|"); //a: [1,2,3,4,5] b: "1|2|3|4|5"

上記の内容は JavaScript の新しい内容ですArray() と var arr=[]_javascript の間の使用法のヒントが、皆さんのお役に立てば幸いです。


関連する推奨事項:

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

in_array() 10の推奨コンテンツ

JavaScriptのvarとletの違いと類似点

以上がJavaScript での new Array() と var arr=[] の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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