Клавиша / esc

.join()

Возвращает значения всех элементов массива, объединённых в строку.

Время чтения: меньше 5 мин

Кратко

Метод join() возвращает представление массива в виде строки, состоящей из значений всех элементов массива, разделённых запятой или другим указанным разделителем.

Пример

Объединим массив в строку:

        
          
          const days = ['пн', 'вт', 'ср']const daysStr = days.join()console.log(daysStr)// пн,вт,ср
          const days = ['пн', 'вт', 'ср']
const daysStr = days.join()

console.log(daysStr)
// пн,вт,ср

        
        
          
        
      

Объединим массив в строку с использованием разделителя:

        
          
          const numbers = [2, 12, 85, '06']console.log(numbers.join('-'))// 2-12-85-06
          const numbers = [2, 12, 85, '06']

console.log(numbers.join('-'))
// 2-12-85-06

        
        
          
        
      

Как пишется

Метод Array.join() принимает один необязательный аргумент — разделитель значений. Если аргумент не указан, в качестве разделителя будет использован знак ,. Если аргумент не является строкой, то будет использовано его строковое представление.

Array.join() возвращает строку, состоящую из строкового представления значений всех элементов массива, разделённых запятой.

Как понять

В случае использования разделителя по умолчанию, join() возвращает тот же результат, что и метод toString().

Значение элементов массива приводится к их строковому представлению. При этом null, undefined, а также незаполненные элементы будут представлены пустой строкой.

Подсказки

💡 Метод join() — это удобный способ создания строки классов для элемента React в зависимости от условий:

        
          
          const className = [  'menu-item',  isSelected && 'selected',  disabled && 'disabled'].filter(Boolean).join(' ')
          const className = [
  'menu-item',
  isSelected && 'selected',
  disabled && 'disabled'
].filter(Boolean).join(' ')