連想配列のvalueのみをカンマ区切りのjoinで文字列化したい

Question

var activeWords = {'居酒屋': 1, 'ラーメン': 4, 'フレンチ': 10};

こういった連想配列があったときに、これの値にあたる部分のみを文字列としてJOINしたいです。
上の activeWords の場合に期待する文字列は 1,4,10 です。

for文で一度連想配列を回して、配列化してjoinすればよいのですが、もっと良い方法があればご教示いただきたいです。
よろしくお願い致します。

Answer 1

ES7 に Object.values というものがあります。
未対応ブラウザ用にPolyfillを適用するとして、Array#join と組み合わせればスマートに実装出来ます。

• Object.values() - JavaScript | MDN

var obj = { foo: "bar", baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]
console.log(Object.values(obj).join(',')); // bar,42

ただし、プロパティ値がカンマを含まない事が必要条件としてあります。
カンマを含むならCSVのようにダブルクォートで括るフォーマットが必要になりますね。

var obj = {foo: 'hoge,bar', baz: '"piyo"'},
    csv = '"' + Object.values(obj).map(function (value) { return value.replace(/"/g, '""'); }).join('","') + '"';
console.log(csv); // "hoge,bar","""piyo"""

Re: azuno_mix さん

Comments

[azuno_mix]

> ES7 に Object.values というものがあります。
知りませんでした。とてもすっきりしたコードで明快でいいですね！ありがとうございました！

Answer 2

Object.keysを使う前提ですが参考までにどうぞ。

var activeWords = {'居酒屋': 1, 'ラーメン': 4, 'フレンチ': 10};

var keys = Object.keys(activeWords);

var result = keys.map(function(item){
  return activeWords[item]
}).join(',');

console.log(result); // 1,4,10

keysという変数は必須ではないので、短縮すると下記のような形になります。

var activeWords = {'居酒屋': 1, 'ラーメン': 4, 'フレンチ': 10};

var result = Object.keys(activeWords).map(function(item){
  return activeWords[item]
}).join(',');

console.log(result); // 1,4,10

Comments

[azuno_mix]

わかりやすいコードで短縮した形でコードを示していただき、ありがとうございました！

Answer 3

azuno_mix様
配列に入れてjoinをしなくとも以下のようにfor文で回せばよいかと。
var activeWords = {"居酒屋": 1, "ラーメン": 4, "フレンチ": 10};

for (var name in activeWords){
document.write(activeWords[name] + ",");
}

私の能力ではfor文を使わない方法は思いつかないので、for文は使ってしまっていますが、配列に一旦入れる⇒joinするの手間は省けます。

Comments

[cesolution]

すみません、トンチンカンな解答をしてしまいました。他の方の回答を宜しくお願いいたします。

[cesolution]

簡単とは言い難いですが、以下の記事によるとjoinは極力使わない方が良いということなので、以下のような形を１案ご連絡します。

http://qiita.com/ampersand/items/0322e0820badf2c020be

var sum="";
var activeWords = {"居酒屋": 1, "ラーメン": 4, "フレンチ": 10};
for (var name in activeWords){
sum += String(activeWords[name]) + ",";
}
sum = sum.substr( 0, sum.length-1 ) ;
document.write("String = " + sum);

[azuno_mix]

いえいえ、最初に書いたコードがcesolutionさんと似ていました！いろいろな書き方があるんだなと勉強になります！