[解決済み] JavaScriptの配列宣言で「{}」と「[]」の違いは何ですか?
質問
JavaScriptの配列宣言で「{}」と「[]」はどう違うのですか? 通常、私は次のように宣言します。
var a=[];
という配列を宣言した意味は何ですか?
var a={}
どのように解決するのですか?
誰も配列とオブジェクトの違いを説明していないようです。
[]
は配列を宣言しています。
{}
はオブジェクトを宣言しています。
配列は、オブジェクトのすべての機能に加え、Arrayのサブクラスで追加のメソッドや機能が追加されている(配列はオブジェクトのサブクラスのように考えることができます)。 実際には
typeof [] === "object"
を使えば、配列がオブジェクトであることがさらによくわかるでしょう。
追加機能は、マジック
.length
プロパティがあり、配列のアイテム数を記録することができます。
.push()
,
.pop()
,
.slice()
,
.splice()
などなど... 配列のメソッドの一覧を見ることができます
ここで
.
オブジェクトを使うと、次のようにプロパティ名と値を関連付けることができます。
var x = {};
x.foo = 3;
x["whatever"] = 10;
console.log(x.foo); // shows 3
console.log(x.whatever); // shows 10
オブジェクトのプロパティにアクセスするには
x.foo
の構文、あるいは配列のような構文
x["foo"]
. 後者の構文の利点は、次のように変数をプロパティ名として使用できることです。
x[myvar]
また、後者の構文を使用すると、Javascriptが許可しない文字を含むプロパティ名を
x.foo
の構文があります。
プロパティ名には任意の文字列値を指定することができます。
配列はオブジェクトなので、オブジェクトと同じ機能をすべて持っています。
オーダーメイド
,
シーケンシャル
から始まる番号付きインデックスのリストです。
0
であり、ある長さまで続く。 配列は通常、数値インデックスによってアクセスされる項目の順序付きリストに使用されます。 また、配列は順序付きなので、リストの順序を管理するための便利な機能がたくさんあります
.sort()
やリストへの追加・削除を行うことができます。
関連
-
Vue+ElementUIによる大規模なフォームの処理例
-
Vueのフォームイベントのデータバインディングの説明
-
モジュールのビルドに失敗しました。Error: ENOENT: no such file or directory, scandir 'D:\.... \node_modules
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] JavaScriptの配列宣言で「Array()」と「[]」はどう違うのですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
JavaScriptのクロージャの説明
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み】gulp anythingを実行するたびに、アサーションエラーが発生します。- タスク関数を指定する必要があります
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
jq は html ページとデータを動的に分割する。