javascript jsonを繰り返しで使用する
- 作成日 2022.08.09
- javascript
- javascript
javascriptで、jsonを繰り返しで使用するサンプルコードを記述してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 104.0.5112.81
jsonを繰り返しで使用
jsonを繰り返しで使用するには、「for-in」を使用します。
まずは、「for-in」で一番上の階層だけを取得する方法は以下となります。
let json = {
"person1": {
"name": "taro",
"age": 20,
"address": ["tokyo", "japan"]
},
"person2": {
"name": "jiro",
"age": 30,
"address": ["osaka", "japan"]
},
"person3": {
"name": "saburo",
"age": 35,
"address": ["nagoya", "japan"]
}
};
for (let item in json) {
console.log(item)
}
// person1
// person2
// person3それぞれのオブジェクトを取得
それぞれのオブジェクトを取得する場合は、以下で可能です。
let json = {
"person1": {
"name": "taro",
"age": 20,
"address": ["tokyo", "japan"]
},
"person2": {
"name": "jiro",
"age": 30,
"address": ["osaka", "japan"]
},
"person3": {
"name": "saburo",
"age": 35,
"address": ["nagoya", "japan"]
}
};
for (let item in json) {
console.log(json[item])
}
// {name: 'taro', age: 20, address: Array(2)}
// {name: 'jiro', age: 30, address: Array(2)}
// {name: 'saburo', age: 35, address: Array(2)}プロパティを指定
プロパティを指定して取得することも可能です。
let json = {
"person1": {
"name": "taro",
"age": 20,
"address": ["tokyo", "japan"]
},
"person2": {
"name": "jiro",
"age": 30,
"address": ["osaka", "japan"]
},
"person3": {
"name": "saburo",
"age": 35,
"address": ["nagoya", "japan"]
}
};
for (let item in json) {
console.log(item + ' : ' + json[item]['name'])
}
// person1: taro
// person2: jiro
// person3: saburo
for (let item in json) {
console.log(item + ': ' + json[item]['address'])
}
// person1: tokyo,japan
// person2: osaka,japan
// person3: nagoya,japan
