JavaScript | オブジェクトの値をjoin()で連結して文字列に変換する方法

JavaScript オブジェクト(連想配列),JavaScript

JavaScript

オブジェクト(連想配列)の値のみをjoin()を使って連結、文字列に変換する方法を紹介しています。

オブジェクトの値をjoin()で連結する

オブジェクト型のデータでjoin()を利用したい場合、Object.values()を使うことで実装できます。

Object.values(obj).join(区切り文字)
let obj = { a: 'apple', b: 'banana', c: 'pine' };

let text = Object.values(obj).join(',');

console.log(text);
// apple,banana,pine

オブジェクトのデータ内に配列がある場合は、配列の値を列挙するようです。

let obj = { a: 'apple', b: 'banana', c: ['pine', 'peach'] };
let text = Object.values(obj).join(',');

console.log(text);
// apple,banana,pine,peach

データ内に多次元的にオブジェクトが含まれる場合は[object Object]が代入されるため、別途処理を追加しないと上手く行かないので注意です。

let obj = { a: 'apple', b: 'banana', c: { d: 'pine', e: 'peach' } };
let text = Object.values(obj).join(',');

console.log(text);
// apple,banana,[object Object]