javascript jsonを繰り返しで使用する

javascript jsonを繰り返しで使用する

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