JavaScriptを使用したJSONを介したマッピング方法

1. マッピングの基本的な方法

// JSONデータ
const jsonData = {
  "name": "John",
  "age": 30,
  "city": "Tokyo"
};
// マッピング
const name = jsonData.name;
const age = jsonData.age;
const city = jsonData.city;
console.log(name); // 結果: "John"
console.log(age); // 結果: 30
console.log(city); // 結果: "Tokyo"

2. ネストされたJSONのマッピング

// ネストされたJSONデータ
const jsonData = {
  "name": "John",
  "age": 30,
  "address": {
    "city": "Tokyo",
    "country": "Japan"
  }
};
// マッピング
const name = jsonData.name;
const age = jsonData.age;
const city = jsonData.address.city;
const country = jsonData.address.country;
console.log(name); // 結果: "John"
console.log(age); // 結果: 30
console.log(city); // 結果: "Tokyo"
console.log(country); // 結果: "Japan"

3. 配列内のJSONデータのマッピング

// 配列内のJSONデータ
const jsonArray = [
  {
    "name": "John",
    "age": 30
  },
  {
    "name": "Jane",
    "age": 25
  }
];
// マッピング
jsonArray.forEach(item => {
  const name = item.name;
  const age = item.age;
  console.log(name + " - " + age);
});
// 結果:
// "John - 30"
// "Jane - 25"

これらはJavaScriptを使用してJSONを介してマッピングするための基本的なコード例です。JSONデータの構造に合わせて適切にプロパティをアクセスし、データをマッピングすることができます。