Массив в строку на языке Javascript

Javascript

Эта статья о том, как преобразовать массив JavaScript в строку. Поскольку существует несколько способов преобразования массива в строку, вы узнаете о плюсах и минусах каждого из способов.

Преобразование массива JavaScript в строку с помощью метода toString ().

Самый простой подход предполагает использование массива.prototype. Метод toString (), который возвращает элементы массива в виде одной строки, разделенной запятыми:

//Создайте пример массива JavaScript.
vartestArray = [1, 2, 3]
//Преобразуйте массив в строку
varstr = testArray.toString();
//Запишите строку в консоль.
console.log(str); //Результат — «1,2,3»

В приведенном выше примере JavaScript мы создали простой массив. После этого мы преобразовали этот массив в строку с помощью метода toString (). Если вы запустите этот код на своей собственной машине, вы увидите, что следующая строка была распечатана на консоли:

1,2,3

Здесь вы можете видеть, что наши элементы массива были автоматически соединены вместе. Кроме того, элементы массива были разделены запятыми. Единственный недостаток использования этого подхода заключается в том, что вы не можете контролировать, какой символ используется в качестве разделителя. Он всегда будет использовать запятые для разделения элементов массива.

Преобразование массива в строку с помощью метода join ().

Если вы хотите использовать другой символ в качестве разделителя для элементов массива, то вы можете использовать метод join (). Аналогично, этот метод также может быть полезен, если вы используете запятые, но хотите вставить пустое пространство после каждого из них:

//Пример массива.
vartestArray = [1, 2, 3]
//Использование метода join ().
varstr = testArray.join(‘, ‘);
//Запишите результат в консоль.
console.log(str); //Результат — «1, 2, 3»

Если вы запустите этот пример, вы увидите, что мы добавили пробел после каждой запятой.
Самое замечательное в методе join() заключается в том, что он позволяет вручную указать символ разделителя. Например, если вы хотите отделить каждый элемент массива символом дефиса вместо запятой, то вы можете сделать следующее:

//Использование дефиса в качестве разделителя символов.
varstr = testArray.join(‘-‘);

Это преобразует массив JavaScript в строку, которая выглядит следующим образом: “1-2-3”.
В качестве альтернативы, если я хочу использовать символ (точку), то я могу просто передать строку “.” в качестве параметра-разделителя:

//Использование точки в качестве разделителя символов.
varstr = testArray.join(‘.’);

Приведенный выше фрагмент кода приведет к строке, которая выглядит следующим образом: “1.2.3”.
Стоит отметить, что параметр separator для метода join() является полностью необязательным. Вам не нужно предоставлять разделитель. Однако если вы не зададите параметр вручную, он будет действовать так же, как метод toString ().  Другими словами: Он будет использовать символ запятой без пробелов по умолчанию.

Если одно из значений массива равно null или undefined, то это значение будет преобразовано в пустую строку. Если он содержит логическое значение FALSE или TRUE, то метод join() преобразует это значение в его текстовое значение, то есть false станет строкой “false”, а true-строкой “true”.

Использование конкатенации

Вы также можете использовать некоторую простую конкатенацию для преобразования массива JS в строку:

//Пример массива.
vartestArray = [‘a’, ‘b’, ‘c’];
//Использование конкатенации
varstr = testArray + «;
//Запишите результат
console.log(str); //Результат — «1,2,3»

Это приведет к преобразованию элементов массива в строку, причем каждый элемент будет разделен запятой. Хоть этот метод и работает, я бы лично не советовал его использовать. Во-первых, он чувствует себя “халтурным”. Во-вторых, это делает ваш код гораздо менее читаемым, поскольку цель операции не так очевидна.

Заключение

Если вы довольны тем, что разделитель является запятой, то просто используйте метод toString ().
Если вы хотите использовать пользовательский разделитель или добавить пробел после запятой, используйте метод join (). Надеюсь, это руководство оказалось полезным!

Оцените статью
Образовательный портал WELCOME4U.RU
Добавить комментарий

Adblock
detector