Преобразование числа в массив в JavaScript
Преобразование числа в массив заключается в том, что мы разбиваем число на цифры, которые будут являться элементами массива.
Рассмотрим самые популярные подходы осуществления данной операции.
Array.from()
Метод позволяет преобразовать в массив указанный строчный элемент. Поскольку исходные данные числового типа, их необходимо сделать строкой. Однако, чтобы массив состоял из чисел, их необходимо обратно преобразовать. Получается некая двойная конвертация.
const num = 48621; const arrayOfStrings = Array.from(String(num)); // ['4', '8', '6', '2', '1'] - без обратного преобразования получим массив из строк const arrayOfDigits = Array.from(String(num), Number); // [4, 8, 6, 2, 1]map()
Способ сутью похож на предыдущий, но только преобразование в строку выполняем, добавляя пустой элемент, перебираем числа с помощью метода map() , а обратное конвертирование осуществляем унарным оператором.
let num = 48621; let array = ('' + num).split('').map(function(digit)< return +digit; >); // [4, 8, 6, 2, 1]Цикл while
Чтобы избежать лишних преобразований в строки, можно воспользоваться циклом while , который будет отрабатывать столько раз, сколько разрядностей у нашего числа. Хитрый способ заключается в том, что на каждой итерации цикла мы делим число на 10 , остаток заносим в массив и уменьшаем разрядность числа.
let num = 48621; let array = []; while(num>0) < array.unshift(num%10); num=num/10|0; >// [4, 8, 6, 2, 1]String.prototype.split()
Метод split() разбивает объект String на массив строк путём разделения строки указанной подстрокой.
Синтаксис
str.split([separator[, limit]])
Параметры
Необязательный параметр. Указывает символы, используемые в качестве разделителя внутри строки. Параметр separator может быть как строкой, так и регулярным выражением. Если параметр опущен, возвращённый массив будет содержать один элемент со всей строкой. Если параметр равен пустой строке, строка str будет преобразована в массив символов.
Необязательный параметр. Целое число, определяющее ограничение на количество найденных подстрок. Метод split() всё равно разделяет строку на каждом сопоставлении с разделителем separator , но обрезает возвращаемый массив так, чтобы он содержал не более limit элементов.
Описание
Метод split() возвращает новый массив.
Если разделитель separator найден, он удаляется из строки, а подстроки возвращаются в массиве. Если разделитель опущен, массив будет содержать только один элемент, состоящий из всей строки. Если разделитель является пустой строкой, строка str будет преобразована в массив символов.
Если разделитель является регулярным выражением, содержащим подгруппы, то каждый раз при сопоставлении с разделителем, результаты (включая те, что не определены) захвата подгруппы будут помещаться внутрь выходного массива. Однако, не все браузеры поддерживают эту возможность.
Примечание: Если строка является пустой строкой, метод split() вернёт массив, состоящий из одной пустой строки, а не пустой массив.
Примеры
Пример: использование метода split()
В следующем примере определяется функция, которая разбивает строку на массив строк, используя указанный разделитель. После разбиения строки, функция отображает сообщения, показывающие оригинальную строку (до разбиения), используемый разделитель, количество элементов в массиве и сами эти элементы.
function splitString(stringToSplit, separator) var arrayOfStrings = stringToSplit.split(separator); console.log('Оригинальная строка: "' + stringToSplit + '"'); console.log('Разделитель: "' + separator + '"'); console.log( "Массив содержит " + arrayOfStrings.length + " элементов: " + arrayOfStrings.join(" / "), ); > // Строчка из «Бури» Шекспира. Перевод Михаила Донского. var tempestString = "И как хорош тот новый мир, где есть такие люди!"; var monthString = "Янв,Фев,Мар,Апр,Май,Июн,Июл,Авг,Сен,Окт,Ноя,Дек"; var space = " "; var comma = ","; splitString(tempestString, space); splitString(tempestString); splitString(monthString, comma);
Пример сгенерирует следующий вывод:
Оригинальная строка: "И как хорош тот новый мир, где есть такие люди!" Разделитель: " " Массив содержит 10 элементов: И / как / хорош / тот / новый / мир, / где / есть / такие / люди! Оригинальная строка: "И как хорош тот новый мир, где есть такие люди!" Разделитель: "undefined" Массив содержит 1 элементов: И как хорош тот новый мир, где есть такие люди! Оригинальная строка: "Янв,Фев,Мар,Апр,Май,Июн,Июл,Авг,Сен,Окт,Ноя,Дек" Разделитель: "," Массив содержит 12 элементов: Янв / Фев / Мар / Апр / Май / Июн / Июл / Авг / Сен / Окт / Ноя / Дек
Пример: удаление пробелов из строки
В следующем примере метод split() ищет 0 или более пробелов, за которыми следует точка с запятой, за которой снова следуют 0 или более пробелов, и, если этот шаблон найден, удаляет пробелы из строки. Переменная nameList является массивом, возвращённым в результате работы метода split() .
var names = "Гарри Трамп ;Фрэд Барни; Хелен Ригби ; Билл Абель ;Крис Ханд "; console.log(names); var re = /\s*;\s*/; var nameList = names.split(re); console.log(nameList);
Пример напечатает две строки; на первой строке напечатана оригинальная строчка, а на второй — получившийся массив.
Гарри Трамп ;Фред Барни; Хелен Ригби ; Билл Абель ;Крис Ханд Гарри Трамп,Фред Барни,Хелен Ригби,Билл Абель,Крис Ханд
Пример: возврат ограниченного числа подстрок
В следующем примере метод split() ищет 0 или более пробелов в строке и возвращает первые три найденных подстроки.
var myString = "Привет, мир. Как дела?"; var splits = myString.split(" ", 3); console.log(splits);
Вывод скрипта будет следующим:
,,мир.,Как
Пример: захват подгрупп
Если параметр separator содержит подгруппы, сопоставившиеся результаты также будут присутствовать в возвращённом массиве.
var myString = "Привет 1 мир. Предложение номер 2."; var splits = myString.split(/(\d)/); console.log(splits);
Вывод скрипта будет следующим:
,1, мир. Предложение номер ,2,.
Пример: обращение строки при помощи метода split()
var str = "фывапролд"; var strReverse = str.split("").reverse().join(""); // 'длорпавыф' // split() возвращает массив, к которому применяются методы reverse() и join()
Бонус: используя оператор === (en-US), можно проверить, являлась ли строка палиндромом.
Спецификации
| Specification |
|---|
| ECMAScript Language Specification # sec-string.prototype.split |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- String.prototype.charAt()
- String.prototype.indexOf()
- String.prototype.lastIndexOf()
- Array.prototype.join()
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 7 авг. 2023 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
- Product help
- Report an issue
Our communities
Developers
- Web Technologies
- Learn Web Development
- MDN Plus
- Hacks Blog
- Website Privacy Notice
- Cookies
- Legal
- Community Participation Guidelines
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
Как разбить число на массив js
Есть задача, я ее немного визуализировал, вводится число натуральное, и необходимо посчитать сумму чисел кратные 3 и 5 которые меньше введённого числа. Если число одновременно кратно и 3 и 5 то считаем его 1 раз. Можно какие-то идеи по реализации?)
Лучший ответ
В условии кратные 3 и 5, а не 3 ИЛИ 5. И и ИЛИ — две большие разницы, как говорят в Одессе
let arr = new Array(+prompt(‘n’));
for (var i = 0; i < arr.length; i++) <
arr[i] = i
>;
let result = arr.filter(n => !(n % 3) && !(n % 5));
let sum = result.reduce((function (acc,i) < return acc + i >),0);
console.log(sum)
S1ayerУченик (29) 11 месяцев назад
а можешь объяснить про фильтер и редюс как работает тут?
Молот Шотландцев Высший разум (300913) filter отсеивает из массива то что не соответсвует условию, reduce берет переменную которая играет роль «аккумулятора» и плюсует к ней значения массива. Если у этой переменной будет значение 0 — в итоге получится сумма
Как разбить число на массив?
origami1024, в полтора раза
jsPerf
origami1024 @origami1024
origami1024 @origami1024
went out for a night walk