Tengo una matriz unidimensional de cadenas en JavaScript que me gustaría convertir en una lista separada por comas. ¿Hay una manera simple en JavaScript de variedad de jardín (o jQuery) para convertir eso en una lista separada por comas? (Sé cómo iterar a través de la matriz y construir la cadena yo mismo por concatenación si esa es la única forma).

El método Array.prototype.join () :

var arr = ["Zero", "One", "Two"];

document.write(arr.join(", "));

En realidad, la toString()implementación se une con comas por defecto:

var arr = [ 42, 55 ];
var str1 = arr.toString(); // Gives you "42,55"
var str2 = String(arr); // Ditto

No sé si esto es obligatorio por la especificación JS pero esto es lo que más prácticamente todos los navegadores parecen estar funcionando.

O (más eficientemente):

var arr = nueva matriz (3);
arr [0] = "Cero";
arr [1] = "Uno";
arr [2] = "Dos";

document.write (arr); // igual que document.write (arr.toString ()) en este contexto

El método toString de una matriz cuando se llama devuelve exactamente lo que necesita: una lista separada por comas.

Aquí hay una implementación que convierte una matriz bidimensional o una matriz de columnas en una cadena CSV con escape adecuado. Las funciones no comprueban la entrada de cadenas / números válidos ni los recuentos de columnas (para empezar, asegúrese de que su matriz sea válida). ¡Las celdas pueden contener comas y comillas!

Aquí hay un script para decodificar cadenas CSV .

Aquí está mi script para codificar cadenas CSV :

// Example
var csv = new csvWriter();
csv.del = '\t';
csv.enc = "'";

var nullVar;
var testStr = "The comma (,) pipe (|) single quote (') double quote (\") and tab (\t) are commonly used to tabulate data in plain-text formats.";
var testArr = [
    false,
    0,
    nullVar,
    // undefinedVar,
    '',
    {key:'value'},
];

console.log(csv.escapeCol(testStr));
console.log(csv.arrayToRow(testArr));
console.log(csv.arrayToCSV([testArr, testArr, testArr]));

/**
 * Class for creating csv strings
 * Handles multiple data types
 * Objects are cast to Strings
 **/

function csvWriter(del, enc) {
    this.del = del || ','; // CSV Delimiter
    this.enc = enc || '"'; // CSV Enclosure

    // Convert Object to CSV column
    this.escapeCol = function (col) {
        if(isNaN(col)) {
            // is not boolean or numeric
            if (!col) {
                // is null or undefined
                col = '';
            } else {
                // is string or object
                col = String(col);
                if (col.length > 0) {
                    // use regex to test for del, enc, \r or \n
                    // if(new RegExp( '[' + this.del + this.enc + '\r\n]' ).test(col)) {

                    // escape inline enclosure
                    col = col.split( this.enc ).join( this.enc + this.enc );

                    // wrap with enclosure
                    col = this.enc + col + this.enc;
                }
            }
        }
        return col;
    };

    // Convert an Array of columns into an escaped CSV row
    this.arrayToRow = function (arr) {
        var arr2 = arr.slice(0);

        var i, ii = arr2.length;
        for(i = 0; i < ii; i++) {
            arr2[i] = this.escapeCol(arr2[i]);
        }
        return arr2.join(this.del);
    };

    // Convert a two-dimensional Array into an escaped multi-row CSV 
    this.arrayToCSV = function (arr) {
        var arr2 = arr.slice(0);

        var i, ii = arr2.length;
        for(i = 0; i < ii; i++) {
            arr2[i] = this.arrayToRow(arr2[i]);
        }
        return arr2.join("\r\n");
    };
}

Creo que esto debería hacerlo:

var arr = ['contains,comma', 3.14, 'contains"quote', "more'quotes"]
var item, i;
var line = [];

for (i = 0; i < arr.length; ++i) {
    item = arr[i];
    if (item.indexOf && (item.indexOf(',') !== -1 || item.indexOf('"') !== -1)) {
        item = '"' + item.replace(/"/g, '""') + '"';
    }
    line.push(item);
}

document.getElementById('out').innerHTML = line.join(',');

violín

Básicamente, todo lo que hace es verificar si la cadena contiene una coma o una cita. Si lo hace, duplica todas las comillas y pone comillas en los extremos. Luego une cada una de las partes con una coma.

Si necesita usar "y" en lugar de "," entre los dos últimos elementos, puede hacer esto:

function arrayToList(array){
  return array
    .join(", ")
    .replace(/, ((?:.(?!, ))+)$/, ' and $1');
}

Hay muchos métodos para convertir una matriz en una lista separada por comas

1. Usando array # join

De MDN

El método join () une todos los elementos de una matriz (o un objeto tipo matriz) en una cadena.

El código

var arr = ["this","is","a","comma","separated","list"];
arr = arr.join(",");

Retazo

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = arr.join(",");
console.log(arr);

2. Usando array # toString

De MDN

El método toString () devuelve una cadena que representa la matriz especificada y sus elementos.

El código

var arr = ["this","is","a","comma","separated","list"];
arr = arr.toString();

Retazo

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = arr.toString();
console.log(arr);

3. Agregue [] + antes de la matriz o + [] después de una matriz

El [] + o + [] convertirá en una cadena

Prueba

([]+[] === [].toString())

dará salida verdadero

console.log([]+[] === [].toString());

var arr = ["this","is","a","comma","separated","list"];
arr = []+arr;

Retazo

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = []+arr;
console.log(arr);

también

var arr = ["this","is","a","comma","separated","list"];
arr = arr+[];

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = arr + [];
console.log(arr);

Use el Array.toStringmétodo incorporado

var arr = ['one', 'two', 'three'];
arr.toString();  // 'one,two,three'

MDN en Array.toString ()

Por lo general, necesito algo que también omita el valor si ese valor es nullo undefined, etc.

Así que aquí está la solución que funciona para mí:

// Example 1
const arr1 = ['apple', null, 'banana', '', undefined, 'pear'];
const commaSeparated1 = arr1.filter(item => item).join(', ');
console.log(commaSeparated1); // 'apple, banana, pear'

// Example 2
const arr2 = [null, 'apple'];
const commaSeparated2 = arr2.filter(item => item).join(', ');
console.log(commaSeparated2); // 'apple'

La mayoría de las soluciones aquí regresarían ', apple'si mi matriz se pareciera a la de mi segundo ejemplo. Por eso prefiero esta solución.

Me gustó la solución en https://jsfiddle.net/rwone/qJUh2/ porque agrega espacios después de las comas:

array = ["test","test2","test3"]
array = array.toString();
array = array.replace(/,/g, ", ");
alert(array);

O, como lo sugiere @StackOverflaw en los comentarios:

array.join(', ');

Papa Parse maneja comas en valores y otros casos extremos.

( Baby Parse for Node ha quedado en desuso; ahora puede usar Papa Parse en el navegador y en Node).

P.ej. (nodo)

const csvParser = require('papaparse'); // previously you might have used babyparse
var arr = [1,null,"a,b"] ;
var csv = csvParser.unparse([arr]) ;
console.log(csv) ;

1 ,, "a, b"

Tomando el código inicial:

var arr = new Array(3);
arr[0] = "Zero";
arr[1] = "One";
arr[2] = "Two";

La respuesta inicial de usar la función de combinación es ideal. Una cosa a considerar sería el uso final de la cadena.

Para usar en alguna pantalla de texto final:

arr.join(",")
=> "Zero,One,Two"

Para usar en una URL para pasar múltiples valores de una manera (algo) RESTful:

arr.join("|")
=> "Zero|One|Two"

var url = 'http://www.yoursitehere.com/do/something/to/' + arr.join("|");
=> "http://www.yoursitehere.com/do/something/to/Zero|One|Two"

Por supuesto, todo depende del uso final. Solo tenga en cuenta la fuente y el uso de datos y todo estará bien con el mundo.

¿Quieres terminar con un "y"?

Para esta situación, creé un módulo npm.

Prueba arrford :

Uso

const arrford = require('arrford');

arrford(['run', 'climb', 'jump!']);
//=> 'run, climb, and jump!'

arrford(['run', 'climb', 'jump!'], false);
//=> 'run, climb and jump!'

arrford(['run', 'climb!']);
//=> 'run and climb!'

arrford(['run!']);
//=> 'run!'

Instalar en pc

npm install --save arrford

Lee mas

https://github.com/dawsonbotsford/arrford

Inténtalo tú mismo

Enlace tónico

A partir de Chrome 72 , es posible usar Intl.ListFormat :

const vehicles = ['Motorcycle', 'Bus', 'Car'];

const formatter = new Intl.ListFormat('en', { style: 'long', type: 'conjunction' });
console.log(formatter.format(vehicles));
// expected output: "Motorcycle, Bus, and Car"

const formatter2 = new Intl.ListFormat('de', { style: 'short', type: 'disjunction' });
console.log(formatter2.format(vehicles));
// expected output: "Motorcycle, Bus oder Car"

const formatter3 = new Intl.ListFormat('en', { style: 'narrow', type: 'unit' });
console.log(formatter3.format(vehicles));
// expected output: "Motorcycle Bus Car"

Tenga en cuenta que esta forma está en su etapa más temprana, por lo que a partir de la fecha de publicación de esta respuesta, espere incompatibilidad con versiones anteriores de Chrome y otros navegadores.

var arr = ["Pro1", "Pro2", "Pro3"];
console.log(arr.join());// Pro1,Pro2,Pro3
console.log(arr.join(', '));// Pro1, Pro2, Pro3

var array = ["Zero", "One", "Two"];
var s = array + [];
console.log(s); // => Zero,One,Two

Esta solución también elimina valores como " ":

const result = ['', null, 'foo', '  ', undefined, 'bar'].filter(el => {
  return Boolean(el) && el.trim() !== '';
}).join(', ');

console.log(result); // => foo, bar