У меня есть одномерный массив строк в JavaScript, который я хотел бы превратить в список, разделенный запятыми. Есть ли простой способ в обычном JavaScript (или jQuery) превратить этот массив в список, разделенный запятыми? (Я знаю, как выполнить итерацию по массиву и создать строку самостоятельно путем конкатенации, если это единственный способ).
На самом деле, реализация 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] = "Два";document.write(arr); // то же самое, что document.write(arr.toString()) в данном контексте
Метод toString массива при вызове возвращает именно то, что вам нужно - список, разделенный запятыми.
Здесь'с реализацией, которая преобразует двумерный массив или массив столбцов в правильно сбежал запятыми строка. Функции не проверяют на допустимую строку/число входных или столбец отсчетов (убедитесь, что Ваш массив является действительным для начала). Ячейки могут содержать запятые и кавычки!
Здесь'ы скрипт для декодирования строк CSV.
Здесь's мой [скрипт для кодирования строк CSV][2]:
// 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(',');
[скрипка](
)В основном все это делает, это проверить, если строка содержит запятую или кавычки. Если это так, то это удваивает все цитаты, и выставляет котировки на концах. Затем он присоединяется к каждой из частей с запятой.
Есть много методов, чтобы преобразовать массив в список, разделенный запятыми.
От МДН
метод 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);
в
От 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);
в
В []+ или +[] преобразует его в строку
([]+[] === [].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);
в
Используйте встроенный в массив.метод toString метод
var arr = ['one', 'two', 'three'];
arr.toString(); // 'one,two,three'
Если вам нужно использовать " и " вместо " и " Ну между последним двум пунктам можно сделать так:
function arrayToList(array){
return array
.join(", ")
.replace(/, ((?:.(?!, ))+)$/, ' and $1');
}
Обычно я нуждающихся то, что пропускает значение, если значение "null" или "неопределенным", и т. д.
Так вот решение, которое работает для меня:
// 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'
Большинство решений здесь вернется' яблока'` Если мой массив будет выглядеть так, как в моем втором примере. Что's, почему я предпочитаю это решение.
Вы действительно хотите покончить с собой "и"?
Для этой ситуации, я создал НПМ модуль.
Попробуйте arrford:
<БР>
Использование ##
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
<БР>
Начальный код:
var arr = new Array(3);
arr[0] = "Zero";
arr[1] = "One";
arr[2] = "Two";
Первоначальный ответ с помощью функции объединения является идеальным. Одна вещь, чтобы рассмотреть будет конечное использование строку.
Для использования в некоторых конец текстового дисплея:
arr.join(",")
=> "Zero,One,Two"
Для использования в 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"
Конечно, все зависит от конечного использования. Просто сохранить источник данных и использовать в виду, и все будет в порядке.
Мне понравилось решение по [
][1], потому что он добавляет пробелы после запятых:array = ["test","test2","test3"]
array = array.toString();
array = array.replace(/,/g, ", ");
alert(array);
Или, как предложил @StackOverflaw в комментариях:
array.join(', ');
Папа разбора (на основе браузера) обрабатывает запятые в значениях и другие пограничные случаи. Используйте детские разбора для узла.
Например. (узел)
const csvParser = require('babyparse');
var arr = [1,null,"a,b"] ;
var csv = csvParser.unparse([arr]) ;
console.log(csv) ;
1,,"А,Б"и
Этот раствор также удаляет такие значения, как " и "
в:
``
константный результат = ['', значение null, 'фу', ' ', неопределено, 'бар'].фильтр(Эль => {
возвращает логическое(Эл) && Эл.отделка() !== '';
}).присоединяйтесь(', ');
консоль.отчет(результат); // => ФОО, бар ``
var arr = ["Pro1", "Pro2", "Pro3"];
console.log(arr.join());// Pro1,Pro2,Pro3
console.log(arr.join(', '));// Pro1, Pro2, Pro3
По состоянию на Хром 72, Это'ы можно использовать международный.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"
в
Обратите внимание, что этот способ находится в очень ранней стадии, так как с момента публикации этого ответа, ожидать несовместимости со старыми версиями Chrome и других браузерах.