[解決済み] JavaScriptで{}またはnew Object()で空のオブジェクトを作成しますか?
2022-03-25 19:56:47
質問
があります。 2種類の JavaScriptで空のオブジェクトを作成する方法です。
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
};
配列
配列の場合も、同じように
new Array();
オーバー
[];
- ただし、1つの小さな例外があります。
var emptyArray = new Array(100);
を含むすべてのスロットを持つ、100 項目の長い配列を作成します。
undefined
- これは特定の状況(たとえば
(new Array(9)).join('Na-Na ') + 'Batman!'
).
私のおすすめ
-
使用しない
new Object();
- よりも不格好です。{};
とバカにされているように見えます。 -
常に
[];
- ただし、あらかじめ定義された長さの "empty" 配列をすばやく作成する必要がある場合は除きます。
関連
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
Vueのクラススタイルの使い方の詳細
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】 Uncaught TypeError : undefined のプロパティ 'replace' を読み取れない In Grid
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトにキーが存在するかどうかをチェックする?
-
[解決済み】JavaScriptのオブジェクトの長さ
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
Vueの要素ツリーコントロールに破線を追加する説明
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
Vueのイベント処理とイベントモディファイアの解説
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み] Web API エラー - このリクエストはブロックされました; コンテンツは HTTPS で提供されなければなりません
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
JavaScriptのgetElementById()メソッド入門