[javascript] JavaScript 배열을 쉼표로 구분 된 목록으로 바꾸는 쉬운 방법?

JAVASCRIPT / 글쓴이 어드민

JavaScript에 쉼표로 구분 된 목록으로 바꾸려는 1 차원 문자열 배열이 있습니다. 가든 버라이어티 JavaScript (또는 jQuery)에 쉼표로 구분 된 목록으로 변환하는 간단한 방법이 있습니까? (배열을 반복하고 연결 방법으로 문자열을 직접 만드는 방법 만 알고 있습니다.)

답변

Array.prototype.join () 방법 :

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

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

스 니펫 확장

답변

실제로 toString()구현은 기본적으로 쉼표로 조인을 수행합니다.

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

이것이 JS 사양에 의해 요구되는지는 모르겠지만 이것이 무엇입니까? ~~대부분~~ 거의 모든 브라우저가 작동하는 것 같습니다.

답변

또는 (보다 효율적으로) :

var arr = new Array (3);
arr [0] = "제로";
arr [1] = "하나";
arr [2] = "2";

document.write (arr); //이 문맥에서 document.write (arr.toString ())과 동일

호출 될 때 배열의 toString 메소드는 쉼표로 구분 된 목록으로 필요한 것을 정확하게 리턴합니다.

답변

다음은 2 차원 배열 또는 열 배열을 올바르게 이스케이프 된 CSV 문자열로 변환하는 구현입니다. 이 함수는 유효한 문자열 / 숫자 입력 또는 열 수를 확인하지 않습니다 (배열이 시작하기에 유효한지 확인). 셀에는 쉼표와 따옴표가 포함될 수 있습니다!

CSV 문자열을 디코딩 하는 스크립트는 다음과 같습니다 .

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");
    };
}

답변

나는 이것이해야한다고 생각한다.

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

깡깡이

기본적으로 문자열에 쉼표 또는 따옴표가 포함되어 있는지 확인하면됩니다. 그렇다면 모든 따옴표를 두 배로하고 끝에 따옴표를 넣습니다. 그런 다음 각 부분을 쉼표로 결합합니다.

답변

마지막 두 항목 사이에 “,”대신 “및”를 사용해야하는 경우 다음을 수행 할 수 있습니다.

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

답변

배열을 쉼표로 구분 된 목록으로 변환하는 많은 방법이 있습니다

1. array # join 사용

에서 MDN

join () 메서드는 배열의 모든 요소 (또는 배열과 유사한 객체)를 문자열로 결합합니다.

코드

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

단편

코드 스 니펫 표시

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

스 니펫 확장

2. array # toString 사용

에서 MDN

toString () 메서드는 지정된 배열과 해당 요소를 나타내는 문자열을 반환합니다.

코드

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

단편

코드 스 니펫 표시

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

스 니펫 확장

3. 배열 앞에 [] +를 추가하거나 배열 뒤에 + []를 추가하십시오.

[] + 나 + [] 문자열로 변환합니다

증명

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

true 를 출력 합니다

코드 스 니펫 표시

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

스 니펫 확장

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

단편

코드 스 니펫 표시

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

스 니펫 확장

또한

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

코드 스 니펫 표시

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

스 니펫 확장