{}またはnew Object（）を使用してJavaScriptで空のオブジェクトを作成しますか？

JavaScriptで空のオブジェクトを作成するには、2つの方法があります。

var objectA = {}
var objectB = new Object()

スクリプトエンジンがそれらを処理する方法に違いはありますか？どちらか一方をもう一方を使用する理由はありますか？

同様に、別の構文を使用して空の配列を作成することもできます。

var arrayA = []
var arrayB = new Array()

オブジェクト

使用する利点はありませんnew Object();-のに対し、{};あなたのコードはよりコンパクト、かつ読みやすくすることができます。

空のオブジェクトを定義する場合、それらは技術的には同じです。{}構文は短く、すっきり（以下のJavaっぽい）で、あなたは即座にオブジェクトをインラインで取り込むことができます-ので、同じよう：

var myObject = {
        title:  'Frog',
        url:    '/img/picture.jpg',
        width:  300,
        height: 200
      };

配列

配列の場合も、1つのマイナーな例外を除いて、new Array();over を使用しても同じような利点はほとんどありません[];。

var emptyArray = new Array(100);

すべてのスロットを含む100アイテムの長さの配列を作成しますundefined-これは、特定の状況（など(new Array(9)).join('Na-Na ') + 'Batman!'）で便利な場合があります。

私の推薦

1. 決して使用しないでくださいnew Object();-それはより不格好で{};、ばかげて見えます。
2. 常に使用[];-事前定義された長さの「空の」配列をすばやく作成する必要がある場合を除きます。

はい、違いがあります、彼らは同じではありません。実際に同じ結果が得られることは事実ですが、エンジンは両方に対して異なる方法で動作します。それらの1つはオブジェクトリテラルで、もう1つはコンストラクターです。JavaScriptでオブジェクトを作成する2つの異なる方法です。

var objectA = {} //This is an object literal

var objectB = new Object() //This is the object constructor

JSではすべてがオブジェクトですが、new Object（）では次のことに注意する必要があります。パラメーターを受け取ることができ、そのパラメーターに応じて、文字列、数値、または空のオブジェクトを作成します。

たとえばnew Object(1)、は数値を返します。new Object("hello")文字列を返します。これは、オブジェクトコンストラクターが-パラメーターに応じて-オブジェクトの作成を文字列、数値などの他のコンストラクターに委任できることを意味します。動的データをオブジェクトを作成します。

多くの作成者は、代わりに特定のリテラル表記を使用できる場合は、オブジェクトコンストラクターを使用しないことをお勧めしています。

詳細については、JavaScriptのリテラル表記とコンストラクタの違いをさらに読むことをお勧めします。

これらは同じ最終結果になりますが、リテラル構文を使用すると、JSON（JavaScriptリテラルオブジェクト構文の文字列化されたサブセット）の構文に慣れるのに役立ちます。 。

もう1つ、new演算子を使用し忘れた場合、微妙なエラーが発生する可能性があります。したがって、リテラルを使用すると、その問題を回避できます。

最終的には、状況だけでなく好みにも依存します。

オブジェクトおよび配列リテラル構文{} / []はJavaScript 1.2で導入されたため、4.0より前のバージョンのNetscape Navigatorでは使用できません（構文エラーが発生します）。

私の指はまだデフォルトでnew Array（）と言っていますが、私は非常に老人です。ありがたいことに、Netscape 3は、今日多くの人が考慮しなければならないブラウザではありません...

var objectA = {}

私の経験では、はるかに高速であり、より一般的に使用されているため、「標準」を採用し、タイピングを節約することがおそらく最善です。

良いコーディング規約として、ここ{}のJavascriptビデオの1つで推奨されたと思います。疑似古典的継承には必要です。この方法は、これが古典的なオブジェクト指向言語ではなくプロトタイプ言語であることを思い出させるのに役立ちます。したがって、本当に必要になるのは、コンストラクター関数を使用しているときだけです。例えば：newvar obj = {};new

var Mammal = function (name) {
  this.name = name;
};

Mammal.prototype.get_name = function () {
  return this.name;
}

Mammal.prototype.says = function() {
  return this.saying || '';
}

次に、次のように使用されます。

var aMammal = new Mammal('Me warm-blooded');
var name = aMammal.get_name();

{}as oppose to を使用するもう1つの利点new Objectは、それを使用してJSONスタイルのオブジェクトリテラルを実行できることです。

アレイのインスタンス化パフォーマンス

長さのない配列を作成したい場合：

var arr = []; より速い var arr = new Array();

特定の長さの空の配列を作成したい場合：

var arr = new Array(x);よりも速いですvar arr = []; arr[x-1] = undefined。

ベンチマークについては、次をクリックしてください：https : //jsfiddle.net/basickarl/ktbbry5b/

ただし、両方のメモリフットプリントがわからないので、new Array()より多くのスペースを占有することは想像できます。

これは基本的に同じことです。あなたがより便利だと思うものなら何でも使ってください。

わかりました。同じことを行う方法は2つしかありません。1つは呼び出さobject literalれ、もう1つは関数constructorです。

しかし、読んでください、私が共有したいことがいくつかあります：

を使用{}すると、コードが読みやすくなりますが、インスタンスObjectやその他の組み込み関数の作成は推奨されません...

また、オブジェクト関数はObject(params)...のような関数であるためパラメーターを取得しますが{}、JavaScriptでオブジェクトを開始する純粋な方法です...

オブジェクトリテラルを使用すると、コードが他の開発者にとってより見やすく、読みやすくなり、JavaScriptのベストプラクティスと一致します...

JavaScriptのオブジェクトはほとんど何でも{}かまいませんが、JavaScriptオブジェクトをポイントするだけです。それがどのように機能するかをテストするには、JavaScriptコードまたはコンソールで以下を実行します。

var n = new Object(1); //Number {[[PrimitiveValue]]: 1}

驚いたことに、それは数を作成しています！

var a = new Object([1,2,3]); //[1, 2, 3]

そして、これは配列を作成しています！

var s = new Object('alireza'); //String {0: "a", 1: "l", 2: "i", 3: "r", 4: "e", 5: "z", 6: "a", length: 7, [[PrimitiveValue]]: "alireza"}

そして、この奇妙な結果String！

したがって、オブジェクトを作成している場合は、オブジェクトリテラルを使用し、標準コードを使用して上記のようなコードの事故を回避することをお勧めします。また{}、私の経験では、パフォーマンスを重視した方が優れています！