JavaScriptでオブジェクトと配列を簡単変換！5つの方法とサンプルコード

const person = {
  name: '山田太郎',
  age: 30,
  occupation: 'エンジニア'
};

const book = {
  title: 'JavaScriptマスターへの道',
  author: '佐藤花子',
  pages: 300
};

const bookProperties = Object.keys(book);
console.log(bookProperties); // ['title', 'author', 'pages']

const car = {
  brand: 'トヨタ',
  model: 'プリウス',
  year: 2022
};

const carDetails = Object.values(car);
console.log(carDetails); // ['トヨタ', 'プリウス', 2022]

const student = {
  name: '鈴木一郎',
  grade: 3,
  subject: '数学'
};

const studentInfo = Object.entries(student);
console.log(studentInfo); 
// [['name', '鈴木一郎'], ['grade', 3], ['subject', '数学']]

const dataArray = ['name', '田中次郎', 'age', 25, 'city', '東京'];

const dataObject = dataArray.reduce((accumulator, currentValue, index) => {
  if (index % 2 === 0) {
    accumulator[currentValue] = dataArray[index + 1];
  }
  return accumulator;
}, {});

console.log(dataObject); 
// {name: '田中次郎', age: 25, city: '東京'}

const employeeData = [['id', 1001], ['name', '高橋三郎'], ['department', '営業部']];

const employee = {};

for (const [key, value] of employeeData) {
  employee[key] = value;
}

console.log(employee); 
// {id: 1001, name: '高橋三郎', department: '営業部'}

const product = {
  id: 'P001',
  name: '高性能ノートPC',
  price: 150000,
  inStock: true
};

const productProperties = Object.keys(product);
console.log(productProperties); 
// ['id', 'name', 'price', 'inStock']

// キーを使用した処理の例
productProperties.forEach(key => {
  console.log(`${key}: ${product[key]}`);
});
// 出力:
// id: P001
// name: 高性能ノートPC
// price: 150000
// inStock: true

const scores = {
  math: 85,
  english: 92,
  science: 78,
  history: 89
};

const scoreValues = Object.values(scores);
console.log(scoreValues); 
// [85, 92, 78, 89]

// 値を使用した計算の例
const averageScore = scoreValues.reduce((sum, score) => sum + score, 0) / scoreValues.length;
console.log(`平均点: ${averageScore.toFixed(2)}`); 
// 平均点: 86.00

const user = {
  id: 'U1234',
  username: 'tech_lover',
  email: 'tech_lover@example.com',
  lastLogin: '2024-08-06'
};

const userEntries = Object.entries(user);
console.log(userEntries);
// [
//   ['id', 'U1234'],
//   ['username', 'tech_lover'],
//   ['email', 'tech_lover@example.com'],
//   ['lastLogin', '2024-08-06']
// ]

// エントリーを使用した処理の例
userEntries.forEach(([key, value]) => {
  if (key === 'email' || key === 'lastLogin') {
    console.log(`${key}: ${value}`);
  }
});
// 出力:
// email: tech_lover@example.com
// lastLogin: 2024-08-06

const userData = ['name', '山本五郎', 'age', 35, 'skills', ['JavaScript', 'Python', 'SQL']];

const userObject = userData.reduce((acc, cur, index) => {
  if (index % 2 === 0) {
    if (Array.isArray(userData[index + 1])) {
      acc[cur] = userData[index + 1];
    } else {
      acc[cur] = userData[index + 1];
    }
  }
  return acc;
}, {});

console.log(userObject);
// {
//   name: '山本五郎',
//   age: 35,
//   skills: ['JavaScript', 'Python', 'SQL']
// }

const companyData = [
  ['name', 'テックイノベーション株式会社'],
  ['founded', 2010],
  ['employees', 250],
  ['locations', ['東京', '大阪', '福岡']],
  ['services', {
    consulting: '技術コンサルティング',
    development: 'ソフトウェア開発',
    training: '技術者育成プログラム'
  }]
];

const company = {};

for (const [key, value] of companyData) {
  company[key] = value;
}

console.log(company);
// 出力:
// {
//   name: 'テックイノベーション株式会社',
//   founded: 2010,
//   employees: 250,
//   locations: ['東京', '大阪', '福岡'],
//   services: {
//     consulting: '技術コンサルティング',
//     development: 'ソフトウェア開発',
//     training: '技術者育成プログラム'
//   }
// }

// オブジェクトの特定のプロパティにアクセスする例
console.log(`会社名: ${company.name}`);
console.log(`設立年: ${company.founded}年`);
console.log(`従業員数: ${company.employees}人`);
console.log(`拠点: ${company.locations.join(', ')}`);
console.log('提供サービス:');
for (const [service, description] of Object.entries(company.services)) {
  console.log(`- ${service}: ${description}`);
}

const arr = ['apple', 'banana', 'orange'];
const obj = {};

arr.forEach((item, index) => {
  obj[index] = item;
});

console.log(obj);
// 出力: { '0': 'apple', '1': 'banana', '2': 'orange' }

const arr = ['key1', 'value1', 'key2', 'value2', 'key1', 'new_value1'];
const obj = {};

for (let i = 0; i < arr.length; i += 2) {
  obj[arr[i]] = arr[i + 1];
}

console.log(obj);
// 出力: { key1: 'new_value1', key2: 'value2' }

const obj = {c: 3, a: 1, b: 2};
const arr = Object.entries(obj);

console.log(arr);
// 出力は環境によって異なる可能性があります
// 例: [['c', 3], ['a', 1], ['b', 2]]

const arr = [[1, 'one'], [true, 'yes'], [null, 'nothing']];
const obj = Object.fromEntries(arr);

console.log(obj);
// 出力: { '1': 'one', 'true': 'yes', 'null': 'nothing' }

const nestedObj = {
  a: 1,
  b: {
    c: 2,
    d: [3, 4, 5]
  }
};

// 深いネストを処理する関数
function flattenObject(obj, prefix = '') {
  return Object.keys(obj).reduce((acc, k) => {
    const pre = prefix.length ? prefix + '.' : '';
    if (typeof obj[k] === 'object' && obj[k] !== null && !Array.isArray(obj[k])) {
      Object.assign(acc, flattenObject(obj[k], pre + k));
    } else {
      acc[pre + k] = obj[k];
    }
    return acc;
  }, {});
}

console.log(flattenObject(nestedObj));
// 出力: { a: 1, 'b.c': 2, 'b.d': [3, 4, 5] }