Пример JavaScript toString - Как преобразовать число в строку в JS и др.

Иногда вы хотите преобразовать один тип данных в другой, не меняя значения вручную.

Например, вы можете преобразовать число в строку. JavaScript иногда делает это неявно.

Например, когда вы используете оператор двойного равенства ( ==) или когда вы пытаетесь сделать что-то со значением с типом данных, несовместимым с операцией. Это называется принуждением типа.

При этом вы также можете явно преобразовывать типы данных. И в этой статье я покажу вам, как это сделать.

Строковый тип данных - очень распространенный тип данных в JavaScript. Практически для всех остальных типов данных необходимо строковое представление.

Так же, как вы, должно быть, видели нечто подобное, "[object Object]"когда вы использовали объект вместо реальной строки.

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

toStringметод

Как следует из названия, этот метод используется для преобразования данных в строку. У массивов, чисел и логических значений есть этот метод, который различными способами преобразует их данные. Давайте теперь посмотрим на них по отдельности.

Как преобразовать число в строку

toStringМетод существует на каждый номер литерале. Он преобразует числа в их строковые представления. Вот как это используется:

const num = 54; console.log(num.toString()) // "54" 

Но это еще не все. toStringМетод для чисел , также принимает baseаргумент. Этот аргумент позволяет преобразовать число в другое основание.

Возвращаемое значение - это строковое представление нового числа. Вот как это используется:

const num = 54; const num2 = num.toString(2); console.log(num2); // "110110" 

parseInt- еще один метод JavaScript, который, напротив, преобразует строки в соответствующие им числовые представления. Вот как это работает:

const numInStr = "54"; const str = "Hello"; console.log(parseInt(numInStr)); // 54 console.log(parseInt(str)); // NaN 

Для переменной, не похожей на число, parseIntвозвращается, Nanкак показано выше.

Как преобразовать массив в строку в JavaScript

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

const arr = ["javascript", "toString", [1, "deep1", [3, 4, "array"]]]; console.log(arr.toString()); // "javascript,toString,1,deep1,3,4,array" 

Как преобразовать объект в строку в JavaScript

Возвращаемое значение для toStringобъекта - как вы, возможно, часто сталкивались - "[object Object]". Например:

const obj = {name: 'Object'}; const obj2 = {type: 'data', number: 100}; console.log(obj.toString()); // [object Object] console.log(obj2.toString()); // [object Object] 

Преобразование объектов в строку по умолчанию - [object Object]. Заметили, что там два object, а не один? А другой - с большой буквы?

Есть больше представлений для объектов, подобных следующему:

function print() {}; const arr = []; const obj = {}; console.log( Object.prototype.toString.call(print), Object.prototype.toString.call(arr), Object.prototype.toString.call(obj) ) // [object Function] [object Array] [object Object] 

Функции, массивы, объекты и даже даты и регулярное выражение - все это объекты. И у каждого из них есть свой toStringметод.

Когда toStringвызывается для них, он захватывает любой класс объекта, имеющего значение, а затем печатает его, как показано выше («Функция, массив, объект»).

Мы используем, call(variable)потому что он toStringполучает класс объекта через thisсвойство.

Вывод

.toStringМетод возвращает строковое преобразование данных , он используется на. Это очень полезно в определенных случаях, особенно в numbers.

В этой статье мы узнали, как toStringметод JavaScript работает с numbers, arrays и objects, а также немного рассмотрели parseInt.