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

JavaScript での new Array() と var arr=[] の使用法の違いは何ですか?

亚连
亚连オリジナル
2018-06-22 18:22:312228ブラウズ

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 の各要素は配列です。コードの任意の行に順番にコメントできます

。結果

36**

36**

上記どちらの時間も上りも下りも3600秒ほどで大きな差はありません

私の実行時間はMacBook Air (13-inch, 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']; を使用すると、コンストラクターを介してメモリ内のストレージアドレスを開きますか?

js の配列 Array のいくつかの一般的なメソッドの概要

var list = new Array() は、今日私たちがよく書くコードです。 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"

上記は私が皆さんのためにまとめたものです, 今後皆さんのお役に立てれば幸いです。

関連記事:

vue における父と息子のコミュニケーションの詳細な解釈

Vue.js における ref ($refs) の使用方法の詳細な紹介

$refs Vue で DOM にアクセスする (詳細なチュートリアル) )

jQueryでポップアップウィンドウの下の下部ページのスライド効果を無効にする方法を実現する方法

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。