Преобразование массива взглядов в массив чисел в JavaScript

Preobrazovanie Massiva Vzgladov V Massiv Cisel V Javascript



При массовой обработке данных может возникнуть вероятность того, что некоторые данные будут содержать мусор в виде нежелательных символов или чисел. Например, сортировка данных на основе типов данных. Также в случае декодирования закодированных данных. В таких ситуациях преобразование массива строк в массив чисел в JavaScript очень помогает снизить сложность кода и правильно использовать ресурсы.

В этом блоге будут продемонстрированы подходы к преобразованию массива строк в массив чисел с помощью JavaScript.

Как преобразовать/преобразовать массив строк в массив чисел с помощью JavaScript?

Чтобы преобразовать массив строк в массив чисел с помощью JavaScript, реализуйте следующие подходы:







  • карта() метод.
  • для каждого() ' а также ' толкать() методы.
  • уменьшать() ' а также ' конкат() методы.

Давайте продемонстрируем заявленные методы один за другим!



Подход 1: преобразование/преобразование массива строк в массив чисел с использованием JavaScript через метод map()

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



Синтаксис





множество. карта ( функция ( currValue , индекс , множество ) , ценность )

В приведенном выше синтаксисе:

  • функция ” относится к функции, которую необходимо вызывать для каждого элемента массива.
  • Параметры функции ссылаются на индекс текущего значения в указанном массиве.
  • ценность ” указывает значение, которое должно быть передано в функцию.

Пример
Давайте рассмотрим следующий пример:



< тип сценария знак равно 'текст/javascript' >
пусть strArray знак равно [ «10» , '20' , «30» ] ;
приставка. журнал ( «Данный массив строк:» , стрАррай )
пусть numArray знак равно массив. карта ( Число )
приставка. журнал ( 'Массив чисел становится:' , числовой массив ) ;
сценарий >
  • Объявите массив строк с указанными значениями и отобразите его.
  • После этого примените « карта() ” метод, имеющий “ Число ” в качестве его параметра, который преобразует связанный массив строк в числа.
  • Наконец, отобразите массив строк, преобразованных в числа.

Выход

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

Подход 2: преобразование/преобразование массива строк в массив чисел в JavaScript с использованием методов forEach() и push()

для каждого() ” применяет функцию к каждому элементу массива. “ толкать() ” используется для добавления элемента в массив в начале. Комбинация этих методов может быть реализована для итерации по заданному массиву строк, преобразования их в числа и помещения их в пустой массив.

Синтаксис

множество. для каждого ( функция ( Текущий , индекс , множество ) , это )

Здесь:

  • функция : это функция, которую необходимо вызывать для каждого элемента массива.
  • Текущий : этот параметр означает текущее значение массива.
  • индекс : указывает на индекс текущего элемента.
  • множество : относится к текущему массиву.
  • это : соответствует значению, передаваемому функции.
множество. толкать ( это1 , это2 )

В этом синтаксисе:

  • это1 , а также ' это2 ” указывают на элементы, которые необходимо добавить в массив.

Пример
Давайте рассмотрим приведенный ниже пример:

< тип сценария знак равно 'текст/javascript' >
пусть strArray знак равно [ '20' , '40' , '60' ] ;
приставка. журнал ( «Данный массив строк:» , стрАррай )
пусть numArray знак равно [ ] ;
массив. для каждого ( нить => {
массив. толкать ( Число ( нить ) ) ;
} ) ;
приставка. журнал ( 'Массив чисел становится:' , числовой массив ) ;
сценарий >

В приведенных выше строках кода:

  • Инициализировать массив, состоящий из указанных строковых значений, и отобразить его.
  • Кроме того, создайте пустой массив с именем « numArr ».
  • На следующем шаге примените « для каждого() ” для перебора значений связанного массива.
  • После этого итерированные значения на предыдущем шаге будут преобразованы в числа с помощью « Число ».
  • Сейчас ' толкать() ” добавит преобразованные числа в выделенный пустой массив, как обсуждалось ранее.
  • Наконец, отобразите массив с добавленными числами.

Выход

Приведенный выше вывод указывает на то, что желаемое требование выполнено.

Подход 3: преобразование/преобразование массива строк в массив чисел в JavaScript с использованием методов reduce() и concat()

уменьшать() ” вызывает функцию для элементов массива, чтобы вернуть уменьшенное значение взамен. “ конкат() » объединяет/объединяет несколько массивов или строковых значений. Комбинация этих методов может выполнять итерацию по массиву строк, объединять значения, чтобы они были преобразованы в числа, а затем добавлять их в отдельный массив.

Синтаксис

множество. уменьшать ( функция ( общий , Ценность , Индекс , множество ) , ценность )

В этом конкретном синтаксисе:

  • функция ” относится к функции, которую необходимо вызывать для каждого элемента массива.
  • Аргументы функции соответствуют индексу текущего значения в указанном массиве.
  • ценность ” соответствует значению, переданному в функцию.
массив1. конкат ( нить )

В заданном синтаксисе:

  • нить ” представляет строковое значение, которое необходимо объединить.

Пример
Следующий пример поясняет заявленную концепцию:

< тип сценария знак равно 'текст/javascript' >
пусть strArray знак равно [ 'пятнадцать' , '25' , '35' , 'Четыре пять' ] ;
приставка. журнал ( «Данный массив строк:» , стрАррай )
пусть numArray знак равно массив. уменьшать ( ( первый , последний ) => первый. конкат ( + последний ) , [ ] )
приставка. журнал ( 'Массив чисел становится:' , числовой массив ) ;
сценарий >

В приведенных выше строках кода:

  • Объявите указанный массив строк и отобразите его.
  • На следующем шаге примените « уменьшать() ' а также ' конкат() методы как комбинация.
  • В результате будет выполняться итерация по связанному массиву и объединение элементов массива таким образом, чтобы они были преобразованы в числа.
  • Теперь преобразованные числа на предыдущем шаге будут добавлены в нулевой массив, представленный « [ ] ».
  • Наконец, отобразите массив добавленных чисел на консоли.

Выход

В этом конкретном выводе видно, что выделенный нулевой массив заполнен числами.

Вывод

карта() », метод « для каждого() ' а также ' толкать() 'методы' или ' уменьшать() ' а также ' конкат() » можно использовать для преобразования массива строк в массив чисел в JavaScript. Метод map() просто отображает связанные значения массива в числа. В то время как два других подхода выполняют итерацию по заданному массиву строк, преобразуют их в числа и добавляют преобразованные значения в выделенный нулевой массив. В этом руководстве объясняется, как преобразовать строку в числовой массив в JavaScript.