split()
split() - метод розбиває рядок на масив рядків, використовуючи для цього заданий роздільник.
Синтаксис
str.split(separator, limit)
separator - умова за яким буде розділений рядок. Як роздільник може виступати рядковий літерал або регулярне вираження. Також можна використовувати спеціальні символи, наприклад переклад рядка, лапки або юнікод. Параметр є необов'язковим.
limit – кількість елементів, які має повернути метод. Параметр необов'язковий, якщо пропустити до масиву потраплять усі підрядки. Якщо задати, то split() все одно розділить весь рядок по роздільниках, але поверне тільки вказану кількість.
При знаходженні роздільника метод видаляє separator і повертає підрядок.
Якщо встановити як роздільник порожнє значення '' , тоді кожен символ рядка запишеться в окремий елемент масиву.
Якщо при записі split() пропустити separator , то метод поверне масив з одним елементом, який міститиме весь рядок.
Розбити рядок по роздільнику
let mySkills = 'Native JavaScript-React-HTML-CSS' mySkills = mySkills.split('-', 2) console.log(mySkills)
Результатом буде масив із двома елементами: Native JavaScript і React
Розбити рядок на символи
let myDream = 'Хочу стати frontend розробником' let allSymbols = myDream.split('') for (let n = 0; n
Тут ми розділили рядок myDream за допомогою split('') , задаючи як separator порожнє значення. Все це записали у всіхсимволах - тепер там масив, де кожен елемент це символ нашого рядка. Далі, використовуючи цикл for вивели в console всі символи - кожен з нового рядка.
Розбити рядок, використовуючи регулярний вираз
let topProgramLang = 'JavaScript-Python-Java-C++,PHP,C,C#' topProgramLang = topProgramLang.split(/,|-/) console.log(topProgramLang)
/,|-/ у цьому регулярному вираженні ми вказали роздільники, які необхідно врахувати - кома та дефіс. У результаті отримуємо масив, де перелічені всі мови програмування, зазначені спочатку.
Вивести символи рядка у зворотному порядку
let importanceSkills = 'React,TypeScript,CSS,HTML,JavaScript' importanceSkills = importanceSkills.split(',') importanceSkills = importanceSkills.reverse() importanceSkills = importanceSkills.join(', ') console
Для того, щоб вирішити цю задачу, нам знадобляться ще два методи reverse() і join() . Перший переверне масив, а другий об'єднає елементи в рядок. У результаті отримаємо в console JavaScript, HTML, CSS, TypeScript, React
Сума елементів масиву
let numForSum = '1,2,5,10,392,19,3,10' numForSum = numForSum.split(',') let sumNum = 0 for (let n = 0; n < numForSum.length; n++) < sumNum + = +(numForSum[n]) >console.log(sumNum)
Виконуючи подібні завдання варто пам'ятати, що метод split() записує дані в масив у форматі рядка, тому перед тим, як складати елементи необхідно спочатку привести їх до числа. Тут це зроблено за допомогою + перед виразом. Також можна скористатися функцією Number(numForSum[n]).
Разом
1. Метод split() ділить рядок по роздільнику та записує все в масив.
2. У масиві, що вийшов, елементи зберігаються у форматі текст.
3. У параметрах методу першою властивістю задається роздільник, другим обмеження на виведення елементів. Обидва параметри не є обов'язковими.
Метод split
Метод split розбиває рядки в масив за вказаним у першому параметрі роздільником. Якщо він не заданий – повернеться весь рядок. Якщо він поставлений як порожні лапки, то кожен символ рядка потрапить в окремий елемент масиву. Другим необов'язковим параметром можна вказати максимальну кількість елементів в масиві.
Синтаксис
приклад
Нехай дано деякий рядок з дефісами. Давайте розіб'ємо цей рядок у масив по роздільнику '-' :
Результат виконання коду:
приклад
Давайте знову розіб'ємо рядок по роздільнику '-', проте другим параметром вкажемо максимальну кількість елементів у масиві, наприклад, 2 . У цьому випадку масив запишеться тільки 2 елементи:
Результат виконання коду:
приклад
Давайте кожен символ рядка запишемо в окремий елемент масиву:
Результат виконання коду:
приклад
Давайте перші 3 символи рядка запишемо в окремі елементи масиву:
Результат виконання коду:
приклад
Давайте за допомогою split розіб'ємо рядок з числами. В результаті вийде масив рядків, а не масив чисел:
Результат виконання коду:
Приклад. Застосування
Давайте перевернемо символи рядка у зворотному порядку. Для цього розіб'ємо рядок в масив за допомогою split по роздільнику '' (це розмістить кожен символ рядка в окремий елемент масиву), перевернемо цей масив за допомогою reverse і потім злити перевернений масив назад за допомогою join :
let str = '123456789'; let arr1 = str.split(''); let arr2 = arr1.reverse(); let res = arr2.join(''); console.log(res);
Результат виконання коду:
Приклад. Застосування
Спростимо розв'язання попередньої задачі - зіллємо всі команди в ланцюжок:
Результат виконання коду:
Приклад. Застосування
Дано рядок із цифрами. Знайдемо суму цифр із цього рядка. Для цього розіб'ємо рядок масив, а потім переберемо цей масив і знайдемо його суму. Нас чекає каверза: split повертає рядки, тому при підсумовуванні перетворимо ці цифри-рядки в справжні числа за допомогою Number :
let str = '12345'; let arr = str.split(''); let sum = 0; for (let i = 0; i < arr.length; i++) < sum + = Number (arr [i]); >console.log(sum);
Результат виконання коду:
Приклад. Застосування
Дано число. Запишемо кожну цифру цього числа в окремий елемент масиву. Тут є каверза - split застосовується тільки до рядків, а у нас число. Перетворимо спочатку число до рядка за допомогою String, а потім застосуємо split:
Результат виконання коду:
Дивіться також
- метод join
який зливає елементи масиву в рядок
- метод split,
який розбиває рядок з регулювання
- метод reverse ,
який змінює порядок елементів у масиві на зворотний
- властивість length,
яке дозволяє дізнатися довжину рядка
Як перетворити рядок на масив js?
Дізнайтеся, як перетворити рядок на масив JavaScript з використанням методу split() і рест-оператора. Відкрийте нові способи роботи з рядками та масивами JavaScript на Допомога Програмісту.
Зміст
Для того, щоб перетворити рядок на масив JavaScript, необхідно спочатку визначити критерій, за яким рядок буде розбиватися на елементи масиву. Існують кілька способів перетворення рядка в масив JavaScript.
Джерело зображення: dzen.ru
1. Метод split()
Одним із найпоширеніших способів розбити рядок на елементи масиву є використання методу split(). Цей метод приймає роздільник як аргумент і розбиває рядок на підрядки, використовуючи зазначений роздільник. Приклад використання методу split() :
const str = "Привіт, мир!"; const arr = str.split(", "); console.log(arr); // ["Привіт", "мир!"]
Якщо як роздільник вказати порожній рядок, то на виході отримаємо масив з окремих символів:
const str = "Привіт"; const arr = str.split(""); console.log(arr); // ["П", "р", "і", "в", "е", "т"]
Також варто зазначити, що рядки JavaScript мають деякі властивості масивів. Наприклад, їх можна перебирати в циклах або звертатися до символів через індекси:
const str = "Hello"; for (let i = 0; i str.length; i++) < console.log(str[i]); // виводить кожен символ рядка по черзі >
2. Використання рест-оператора
Ще один швидкий спосіб розбити рядок на окремі символи – це використання рест-оператора. Рест-оператор дозволяє перетворити рядок на масив, розбиваючи його на окремі символи:
const str = "Привіт"; const arr = [. str]; console.log(arr); // ["П", "р", "і", "в", "е", "т"]
Обидва вищезгадані методи дозволяють перетворити рядок на масив JavaScript. Вибір конкретного методу залежить від ваших уподобань та вимог.
JSON (JavaScript Object Notation) - це текстовий формат обміну даними, що базується на JavaScript. JSON легко читається людьми і може використовуватись практично з будь-якою мовою програмування. JSON-текст є однією з двох структур: пари ключ-значення або впорядкований список значень.
Незважаючи на походження від JavaScript, формат JSON є незалежним від мови та застосовується у веб-додатках для обміну даними між браузером та сервером (AJAX) або між серверами (програмні зв'язки HTTP). JSON також може бути швидко десеріалізований за допомогою вбудованої функції JSON.parse().
Приклад JSON-тексту:
JSON Schema - це мова опису структури JSON-документу. Він використовує синтаксис JSON та дозволяє описувати допустимі значення для кожного поля в JSON-документі. JSON Schema є самовимовною мовою і може бути використаний для перевірки та обробки даних у форматі JSON.
Примітка: У разі використання методу split() з регулярним виразом як роздільник, не всі браузери підтримують можливість збереження захоплених підгруп у масиві результатів.
