Простой способ превратить массив JavaScript в список, разделенный запятыми?
У меня есть одномерный массив строк в JavaScript, который я хочу превратить в запятую. Есть ли простой способ в садовом JavaScript (или jQuery) превратить это в список, разделенный запятыми? (Я знаю, как перебирать массив и строить строку самостоятельно путем конкатенации, если это единственный способ.)
15 ответов:
на массив.прототип.присоединяйтесь() способ:
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] = "Zero"; arr[1] = "One"; arr[2] = "Two"; document.write(arr); // same as document.write(arr.toString()) in this contextметод toString массива при вызове возвращает именно то, что вам нужно - список через запятую.
вот реализация, которая преобразует двумерный массив или массив столбцов в правильно экранированную строку 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(',');в основном все, что он делает, это проверить, содержит ли строка запятую или кавычку. Если это так, то он удваивает все кавычки и ставит кавычки на концах. Затем он соединяет каждую из частей с запятой.
используйте встроенный
Array.toStringметодvar arr = ['one', 'two', 'three']; arr.toString(); // 'one,two,three'
Если вам нужно использовать " и "вместо", " между двумя последними элементами вы можете сделать это:
function arrayToList(array){ return array .join(", ") .replace(/, ((?:.(?!, ))+)$/, ' and '); }
обычно мне нужно что-то, что также пропускает значение, если это значение
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'Если мой массив будет выглядеть так, как в моем втором примере. Вот почему я предпочитаю это решение.
существует множество методов преобразования массива в список, разделенный запятыми
1. Используя массив присоединяйтесь к#
С 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. Использование массива#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. Добавьте []+ перед массивом или +[] после массива
The []+ или +[] преобразует его в строку
доказательство
([]+[] === [].toString())будет выводить правда
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);
взяв исходный код:
var arr = new Array(3); arr[0] = "Zero"; arr[1] = "One"; arr[2] = "Two";первоначальный ответ на использование функции join является идеальным. Одна вещь, которую следует учитывать, - это конечное использование строки.
для использования в некотором конце текстового дисплея:
arr.join(",") => "Zero,One,Two"для использования в URL для передачи нескольких значений через (несколько) 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"конечно, все зависит от конечного использования. Просто сохранить источник данных и использовать в виду, и все будет в порядке с мир.
вы хотите закончить его с "и"?
для этой ситуации я создал модуль npm.
попробовать 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 = ["Pro1", "Pro2", "Pro3"]; console.log(arr.join());// Pro1,Pro2,Pro3 console.log(arr.join(', '));// Pro1, Pro2, Pro3
Папа Парсить (на основе браузера) обрабатывает запятые в значениях и других крайних случаях. Используйте Baby Parse для узла.
например. (узел)
const csvParser = require('babyparse'); var arr = [1,null,"a,b"] ; var csv = csvParser.unparse([arr]) ; console.log(csv) ;1,,"a, b"
мне понравилось решение в https://jsfiddle.net/rwone/qJUh2/ потому что он добавляет пробелы после запятых:
array = ["test","test2","test3"] array = array.toString(); array = array.replace(/,/g, ", "); alert(array);или, как предложил @StackOverflaw в комментариях:
array.join(', ');
Comments