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

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

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

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

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

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

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

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

метод toString

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

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

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

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

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

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

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]. Обратили внимание, что там есть два объекта, а не только один? А второй с большой буквы?

Существует больше представлений для объектов, таких как то, что следует ниже:

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 получает класс объекта через это свойство.

Вывод

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

В этой статье мы узнали, как метод JavaScript toString работает с числами, массивами и объектами, а также немного посмотрели на parseInt.