私はこのようなオブジェクトを作成しました。このオブジェクトを読むにはどうすればよいですか？
myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}オブジェクト「車」の下で、私は簡単に名前と年齢を読み取ることができますが、私は、コンテンツ（キー値）を読みたいです。ドロップダウンにキー値を入力して、車からキーを選択するとそれぞれの値が得られるようにしたいと思います。 ありがとうございました！
var myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
var cars = myObj.cars;
var select = document.getElementById('selectElementId');
Object.keys(cars).map(function(val){
var opt = document.createElement('option');
opt.value = val;
opt.label = cars[val];
opt.innerHTML = cars[val];
select.appendChild(opt);
})
<select id="selectElementId"></select>は、単にあなたがプロパティにアクセスすることが可能な例
var myObj = {
"name": "John",
"age": 30,
"cars": {
"car1": "Ford",
"car2": "BMW",
"car3": "Fiat"
}
};
for (let i in myObj) {
if (typeof myObj[i] == 'object') {
for (let j in myObj[i]) {
console.log(j, myObj[i][j]);
}
} else {
console.log(i, myObj[i]);
}
}使用ドット演算子、以下のように直接またはループを取得するmyObj.cars.car1、myObj.cars.car2と、myObj.cars.car3でそれを行う
myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
console.log(myObj.cars.car1);
console.log(myObj.cars.car2);
console.log(myObj.cars.car3);
'myObj.cars.car1'は、' myObj.cars.car2'は...また、ちょうどFYIそれはJSON、リテラルではないオブジェクトです。 –
車のオブジェクトを配列にする方が簡単です。あなたは "車"を得るでしょう：["Ford"、 "BMW"、 "Fiat"]。 – Mizzcoollizz
値やキーを読みたいですか？あなたの期待値リストは何ですか？ "car1、car2、car3"？あなたが説明したのは次のとおりです： '' - つまり、キーを選択する（ 'car1'）値を取得する（' Ford'）これは間違った方法のようです。 –