JavaScript 어레이를 쉼표로 구분된 목록으로 쉽게 변환할 수 있습니까?
JavaScript에 콤마 구분 목록으로 변환하고 싶은 문자열의 1차원 배열이 있습니다.garden-variety JavaScript(또는 jQuery)에서 쉼표로 구분된 목록으로 변환하는 간단한 방법이 있습니까?(배열을 반복하여 스트링을 직접 구축하는 방법밖에 없다면 연결을 통해 직접 스트링을 구축하는 방법을 알고 있습니다.)
Array.protype.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 ar = 새 어레이(3); arr[0] = "제로";arr[1] = "하나";arr[2] = "2"; 문서.write(arr); // 문서와 동일합니다.이 컨텍스트에서 write(arr.toString)
어레이의 toString 메서드는 호출 시 필요한 쉼표로 구분된 목록을 반환합니다.
심플한 어레이
let simpleArray = [1,2,3,4]
let commaSeperated = simpleArray.join(",");
console.log(commaSeperated);특정 속성을 쉼표로 구분한 개체 배열.
let arrayOfObjects = [
{
id : 1,
name : "Name 1",
address : "Address 1"
},
{
id : 2,
name : "Name 2",
address : "Address 2"
},
{
id : 3,
name : "Name 3",
address : "Address 3"
}]
let names = arrayOfObjects.map(x => x.name).join(", ");
console.log(names);결과
Name 1, Name 2, Name 3
마지막 두 항목 사이에 " " 대신 " 및 " 를 사용해야 하는 경우 다음을 수행할 수 있습니다.
function arrayToList(array){
return array
.join(", ")
.replace(/, ((?:.(?!, ))+)$/, ' and $1');
}
다음은 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(',');
기본적으로 문자열에 쉼표 또는 따옴표가 포함되어 있는지 확인하는 작업만 수행합니다.이 경우 따옴표를 모두 2배로 하여 끝에 따옴표를 붙입니다.그리고 각 부분을 쉼표로 연결합니다.
어레이를 쉼표로 구분된 목록으로 변환하는 방법은 여러 가지가 있습니다.
1. 어레이 #join 사용
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. 어레이 #toString 사용
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);빌트인 사용Array.toString방법
var arr = ['one', 'two', 'three'];
arr.toString(); // 'one,two,three'
저는 보통 그 값이 다음과 같은 경우 값을 건너뛸 수 있는 무언가가 필요합니다.null또는undefined,기타.
나에게 있어서 유효한 솔루션은 다음과 같습니다.
// 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'
여기 있는 솔루션의 대부분은', apple'두 번째 예시와 같은 배열인지 확인합니다.그래서 저는 이 솔루션을 선호합니다.
const arr = [1, 2, 3];
console.log(`${arr}`)
https://jsfiddle.net/rwone/qJUh2/의 솔루션은 쉼표 뒤에 공백이 추가되어 마음에 들었습니다.
array = ["test","test2","test3"]
array = array.toString();
array = array.replace(/,/g, ", ");
alert(array);
또는 @StackOverflaw가 코멘트에서 제시한 바와 같이 다음과 같습니다.
array.join(', ');
Chrome 72 에서는 Interl을 사용할 수 있습니다.목록 형식:
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"이 방법은 매우 초기 단계이므로, 이 답변을 게시한 날짜로 이전 버전의 Chrome 및 다른 브라우저와의 호환성을 기대하십시오.
Papa Parse는 값 및 기타 엣지 케이스의 쉼표를 처리합니다.
(노드의 베이비 해석은 폐지되었습니다.브라우저와 노드에서 Papa 해석을 사용할 수 있게 되었습니다.)
예(노드)
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"
여기서는 임의의 문자로 구분할 수 있으며 foreach만으로 모든 속성 목록을 가져올 수 있습니다.
let taskIds: string = '';
this.checkedTaskList.forEach(res => {
taskIds = taskIds + res.taskId.toString() + ','
});
if (taskIds) {
taskIds.substring(0, taskIds.length - 1),**
}
초기 코드 가져오기:
var arr = new Array(3);
arr[0] = "Zero";
arr[1] = "One";
arr[2] = "Two";
Join 함수를 사용하는 첫 번째 답변이 이상적입니다.고려해야 할 한 가지는 끈의 궁극적인 사용일 것이다.
텍스트 표시를 사용하는 경우:
arr.join(",")
=> "Zero,One,Two"
(어느 정도) RESTful 방식으로 여러 값을 통과시키기 위해 URL을 사용하는 경우:
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"
물론 최종 용도에 따라 다릅니다.데이터 소스와 사용법을 염두에 두면 모든 것이 정상으로 돌아옵니다.
'and'로 끝낼까요?
이 상황을 위해 npm 모듈을 만들었습니다.
arford 시도:
사용.
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!'
설치하다
npm install --save arrford
더 읽기
https://github.com/dawsonbotsford/arrford
직접 사용해 보세요.
구분 기호(콤마)를 포함하는 문자열의 안전한 방법
let arr = ["Hello, there", "How's there", 'the "best"']
let csv = arr.map(e => JSON.stringify(e)).join(",")
console.log(csv)
결과
"Hello, there","How's there","the \\"best\\""
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
이 솔루션은 다음과 같은 가치도 제거합니다." ":
const result = ['', null, 'foo', ' ', undefined, 'bar'].filter(el => {
return Boolean(el) && el.trim() !== '';
}).join(', ');
console.log(result); // => foo, bar
언급URL : https://stackoverflow.com/questions/201724/easy-way-to-turn-javascript-array-into-comma-separated-list
'programing' 카테고리의 다른 글
| 선택 쿼리를 사용하여 테이블 업데이트 (0) | 2022.11.04 |
|---|---|
| store/index.js의 내보내기 외부 상태에 액세스하는 방법 (0) | 2022.11.04 |
| 도커 컨테이너 실행 후 mysql 데이터 소유권이 systemd-journal-remote로 변경된 이유 (0) | 2022.11.04 |
| 데이터베이스 스키마를 어떻게 버전화합니까? (0) | 2022.11.04 |
| 스트링 내추럴 소트 기능이 내장되어 있나요? (0) | 2022.11.04 |