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

2023-02-18JavaScript オブジェクト(連想配列),JavaScript

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

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

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

オブジェクト型のデータでjoin()メソッドを利用したい場合、Object.values()メソッドを使うことで実装できます。
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]