Saya memiliki serangkaian string dalam JavaScript yang ingin saya ubah menjadi daftar yang dipisahkan koma. Apakah ada cara sederhana dalam JavaScript variasi kebun (atau jQuery) untuk mengubahnya menjadi daftar yang dipisahkan koma? (Saya tahu bagaimana cara mengulang melalui array dan membangun string sendiri dengan penggabungan jika itu satu-satunya cara.)

Metode Array.prototype.join () :

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

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

Sebenarnya, toString()implementasi tidak bergabung dengan koma secara default:

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

Saya tidak tahu apakah ini diamanatkan oleh spec JS tetapi ini adalah apa paling cukup banyak yang tampaknya dilakukan semua browser.

Atau (lebih efisien):

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

document.write (arr); // sama seperti document.write (arr.toString ()) dalam konteks ini

Metode toString dari sebuah array ketika dipanggil mengembalikan apa yang Anda butuhkan - daftar yang dipisahkan koma.

Berikut ini adalah implementasi yang mengubah array dua dimensi atau array kolom menjadi string CSV yang lolos dengan benar. Fungsi tidak memeriksa string / angka input atau jumlah kolom yang valid (pastikan array Anda valid untuk memulai). Sel-sel dapat berisi koma dan kutipan!

Berikut ini skrip untuk mendekode string CSV .

Inilah skrip saya untuk menyandikan string 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");
    };
}

Saya pikir ini harus dilakukan:

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(',');

biola

Pada dasarnya yang dilakukan adalah memeriksa apakah string berisi koma atau kutipan. Jika ya, maka menggandakan semua tanda kutip, dan menempatkan tanda kutip di ujungnya. Kemudian ia bergabung dengan masing-masing bagian dengan koma.

Jika Anda perlu menggunakan "dan" bukannya "," di antara dua item terakhir, Anda dapat melakukan ini:

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

Ada banyak metode untuk mengkonversi array ke daftar yang dipisahkan koma

1. Menggunakan array # gabung

Dari MDN

Metode join () menggabungkan semua elemen array (atau objek mirip array) ke dalam string.

Kode

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

Potongan

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

2. Menggunakan array # toString

Dari MDN

Metode toString () mengembalikan string yang mewakili array yang ditentukan dan elemen-elemennya.

Kode

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

Potongan

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

3. Tambahkan [] + sebelum larik atau + [] setelah larik

The [] + atau + [] akan mengubahnya menjadi string

Bukti

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

akan menampilkan true

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

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

Potongan

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

Juga

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

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

Gunakan Array.toStringmetode bawaan

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

MDN di Array.toString ()

Saya biasanya menemukan diri saya membutuhkan sesuatu yang juga melewatkan nilai jika nilai itu nullatau undefined, dll.

Jadi, inilah solusi yang cocok untuk saya:

// 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'

Sebagian besar solusi di sini akan kembali ', apple'jika array saya akan terlihat seperti yang ada di contoh kedua saya. Itu sebabnya saya lebih suka solusi ini.

Saya menyukai solusinya di https://jsfiddle.net/rwone/qJUh2/ karena menambahkan spasi setelah koma:

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

Atau, seperti yang disarankan oleh @StackOverflaw dalam komentar:

array.join(', ');

Papa Parse menangani koma dalam nilai dan kasus tepi lainnya.

( Baby Parse for Node telah ditinggalkan - Anda sekarang dapat menggunakan Papa Parse di Browser dan di Node.)

Misalnya. (simpul)

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"

Mengambil kode awal:

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

Jawaban awal menggunakan fungsi gabungan sangat ideal. Satu hal yang perlu dipertimbangkan adalah penggunaan string yang terbaik.

Untuk digunakan dalam beberapa tampilan teks akhir:

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

Untuk menggunakan URL untuk meneruskan beberapa nilai melalui (agak) dengan tenang:

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"

Tentu saja, itu semua tergantung pada penggunaan akhir. Ingat selalu sumber data dan gunakan dalam pikiran dan semua akan benar dengan dunia.

Apakah Anda ingin mengakhirinya dengan "dan"?

Untuk situasi ini, saya membuat modul npm.

Coba arrford :

Pemakaian

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!'

Install

npm install --save arrford

Baca lebih banyak

https://github.com/dawsonbotsford/arrford

Cobalah sendiri

Tautan tonik

Pada Chrome 72 , dimungkinkan untuk menggunakan 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"

Harap perhatikan bahwa cara ini masih dalam tahap yang paling awal, sehingga pada tanggal posting jawaban ini, mengharapkan ketidakcocokan dengan Chrome versi lama dan browser lainnya.

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

Solusi ini juga menghilangkan nilai-nilai seperti " ":

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

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