Dans cet article, nous examinerons 4 différentes bonnes et mauvaises façons de convertir toutes sortes de valeurs en chaînes.

Nous considérerons les valeurs suivantes à convertir.

console.log(typeof 1);
//number
console.log(typeof true)
//boolean
console.log(typeof null)
//object
console.log(typeof undefined)
//undefined
console.log(Array.isArray([1,2,3]))
//true
console.log(typeof { msg: 'Hi' })
//object
console.log(typeof Symbol('id'));
//symbol

Utilisation de la fonction intégrée String

La Stringfonction intégrée peut convertir n'importe quelle valeur en chaîne. C'est la meilleure option pour convertir les types primitifs en chaînes.

String(1)
//'1'
String(true)
//'true'
String(null)
//'null'
String(undefined)
//'undefined'
String([1,2,3])
//'1,2,3'
String({ msg: 'Hi'})
//'[object Object]'
String(Symbol('id'))
//'Symbol(id)'

Utilisation de la chaîne de modèle

La chaîne de modèle autorise les expressions incorporées. Ces expressions sont converties en chaînes. Vérifiez les exemples ci-dessous.

`${1}`
//'1'
`${true}`
//'true'
`${null}`
//'null'
`${undefined}`
//'undefined'
`${[1,2,3]}`
//'1,2,3'
`${{ msg: 'Hi'}}`
//'[object Object]'

`${Symbol('id')}`
//Cannot convert a Symbol value to a string

En JavaScript, tous les objets héritent du Object.prototype. Cela signifie qu'ils ont tous accès aux méthodes stockées sur cet objet, y compris toString.

Voici le résultat de l'appel toStringd'un objet ou d'un tableau.

[1,2,3].toString()
//'1,2,3'
{ msg: 'Hi'}.toString()
//'[object Object]'

const prototype = {
  toString(){
    return JSON.stringify(this);
  }
}
const obj = Object.create(prototype);
obj.msg = 'Hi';
console.log(obj.toString());
//''{"msg":"Hi"}''

Il est intéressant que nous puissions appeler la toStringméthode sur des primitives comme des nombres et des booléens. Vérifiez le code ci-dessous.

(1).toString()
//'1'
true.toString()
//'true'
Symbol('id').toString()
//'Symbol(id)'

Pour toutes les primitives sauf nullet undefinedJavaScript a des fonctions wrapper intégrées comme Numberou Boolean. Il utilise ces constructeurs de fonctions pour créer des objets, puis appelle la toStringméthode sur les objets nouvellement créés. Quelque chose comme ça se passe dans les coulisses :

new Number(1).toString()

null.toString()
//Cannot read property 'toString' of null
undefined.toString()
//Cannot read property 'toString' of undefined

La dernière option pour convertir en chaîne consiste à effectuer une concaténation de chaînes. Vérifiez les exemples suivants.

'' + 1
//'1'
'' + true
//'true'
'' + null
//'null'
'' + undefined
//'undefined'
'' + [1,2,3]
//'1,2,3'
'' + { msg: 'Hi'}
//'[object Object]'

Voici ce qui se passe lors de la concaténation au lieu d'ajouter des nombres.

1 + '2'
//'12'

console.log('' + Symbol('id'))
//Cannot convert a Symbol value to a string

C'est tout ce que je voulais partager concernant les conversions de chaînes. Merci d'avoir lu.