Создать разделенные запятыми строки из многомерного массива

Question

У меня есть многомерный массив, который выглядит следующим образом:

[ 
    Object {href="http://www.somepath.com/car4.png", title="Wheel"}, 
    Object {href="http://www.somepath.com/car.png", title="Top"}, 
    Object {href="http://www.somepath.com/car1.png", title="Side"}, 
    Object {href="http://www.somepath.com/car5.png", title="Saddle"}, 
    Object {href="http://www.somepath.com/car6.png", title="Front"} 
] 

я хотел бы, чтобы петля над этим объектом и извлекать две строки через запятую, один для всех hrefs и один для все названия. Итак, что мне нужно:

hrefs = "'http://www.somepath.com/car4.png', 'http://www.somepath.com/car.png', 'http://www.somepath.com/car1.png', 'http://www.somepath.com/car5.png', 'http://www.somepath.com/car6.png'"; 
titles = "'Wheel', 'Top', 'Side', 'Saddle', 'Front'"; 

Хотя это кажется довольно легким, мне не хватает знаний и не может найти конкретного ответа.

Answer 1

Простая функция, которая использует map, чтобы получить значения в массив, а затем соединить их вверх.

function createString(arr, key) { 
    return arr.map(function (obj) { 
    return "'" + obj[key] + "'"; 
    }).join(', '); 
} 

// pass in the array and the key the values of which 
// you want to 'stringify' 
var hrefs = createString(arr, 'href'); 
var titles = createString(arr, 'title'); 

DEMO

Answer 2

Вы можете сделать это:

var hrefs = [], 
    titles = []; 

data.forEach(function(obj) { 
    hrefs.push("'" + obj.href + "'"); 
    titles.push("'" + obj.title + "'"); 
}); 

hrefs = hrefs.join(', '); 
titles = titles.join(', '); 

Answer 3

var data = [ 
    {href:"http://www.somepath.com/car4.png", title:"Wheel"}, 
    {href:"http://www.somepath.com/car.png", title:"Top"}, 
    {href:"http://www.somepath.com/car1.png", title:"Side"}, 
    {href:"http://www.somepath.com/car5.png", title:"Saddle"}, 
    {href:"http://www.somepath.com/car6.png", title:"Front"} 
], 
href = [], 
title = [], 
dataL = data.length; 

for (i = 0; i < dataL; i++){ 
    href.push (data[i]['href']); 
    title.push (data[i]['title']); 
} 

href = href.join(","); 
title = title.join(","); 

Answer 4

Каноническая функция, чтобы сделать массив на основе содержимого другого массива map. Вы можете объединить, что с join сделать необходимую строку:

var hrefs = data.map(function(d) { return "'" + d.href + "'" }).join(', '); 
var titles = data.map(function(d) { return "'" d.title + "'" }).join(', '); 

Обратите внимание, что это будет не в состоянии произвести правильный CSV, если есть какие-либо одинарные кавычки, знаки внутри полей. Решение заключалось бы в предоставлении более строгой функции цитирования. Следуя обычной конвенции, что кавычки внутри строки должны быть в два раза вверх:

function enquote(v) { 
    return "'" + v.replace(/'/g, "''") + "'"; 
} 

с использованием:

var titles = data.map(function(d) { return enquote(d.title) }).join(', ');