Introduction aux types de données JavaScript

Cet article vous apporte une introduction détaillée aux types de données JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

J'ai récemment interviewé trois développeurs, et aucun d'entre eux n'a pu expliquer clairement quels sont les types de base de JS. Et ils mentionnent souvent à tort certains types de données en langage C, tels que les types de données int, float, double et autres.

Quelle que soit la langue, la maîtrise des types de données est le point de connaissance le plus fondamental du langage

Les types de données JS sont divisés en deux catégories, l'une est le type de base , Ils ont

• Nombre
• Chaîne
• Booléen
• Non défini
• Null
• Symbole

Il n'existe que quelques types de base de js. De plus, d'autres types sont des objets.

Type numérique

Il n'y a pas de valeurs de type entier, flottant ou double dans JS. Toutes les valeurs sont appelées type numérique.

JS utilise le format IEEE754 pour représenter les nombres entiers et les nombres à virgule flottante. De manière générale, les nombres entiers occupent 32 bits, tandis que les nombres à virgule flottante occupent 64 bits. Étant donné que les nombres à virgule flottante occupent deux fois l'espace mémoire des entiers, js convertira de manière appropriée les nombres à virgule flottante en entiers pour le stockage.

4.0 === 4 // true

Les types numériques ont une plage de tailles

Number.MAX_VALUE  // 1.7976931348623157e+308
Number.MIN_VALUE // 5e-324
Number.MAX_SAFE_INTEGER // 9007199254740991
Number.MIN_SAFE_INTEGER // -9007199254740991

Les nombres à virgule flottante ont généralement des résultats de calcul inexacts. Ce problème n'est pas JS.

Calcul0.1 + 0.2 === 0.3Le résultat est toujours faux.

Pour comparer si les nombres à virgule flottante sont égaux, vous pouvez utiliser Number.EPSILON. Number.EPSILON est une très petite valeur. Si deux nombres à virgule flottante sont plus petits que Number.EPSILON, ils peuvent être considérés comme égaux.

Math.abs(0.1 + 0.2 - 0.3) < Number.EPSILON // true

Le type Nombre a trois frères spéciaux

1. Infini Lorsque la valeur dépasse la valeur maximale du type Nombre, elle deviendra l'infini positif
2. - Infini Lorsque le type numérique est inférieur à la valeur minimale du type Nombre, il deviendra négatif à l'infini
3. NaN NaN signifie qu'il ne s'agit pas d'une valeur numérique. Par exemple, si une certaine valeur est divisée par 0, une erreur sera signalée dans les langages généraux, mais pas js Oui, mais la valeur de la variable deviendra NaN.

Une fois que le type numérique devient ces trois frères, il ne peut plus participer aux opérations numériques ultérieures.

Type de chaîne

Les étudiants issus de langages statiques poseront une question lorsqu'ils rencontreront une chaîne : combien de chaînes pouvez-vous contenir ?

La chaîne a souri bêtement et a dit : Depuis ma naissance, elle n'a jamais été remplie !

ECMAScript 2016 (éd. 7) établissait une longueur maximale de 2 ^ 53 - 1 éléments. , aucune longueur maximale n'a été spécifiée. Dans Firefox, les chaînes ont une longueur maximale de 230 - 2 (~1 Go). Dans les versions antérieures à Firefox 65, la longueur maximale était de 228 - 1 (~256 Mo). . --MDN

Boolean

Les valeurs booléennes sont très simples, juste deux valeurs : false et true. Mais beaucoup de gens ne peuvent pas répondre pleinement aux valeurs qui seront converties en fausses.

À l'exception des valeurs suivantes qui peuvent être converties en faux, toutes les autres sont vraies.

false
''
NaN
undefined
0, -0, +0
null

non défini et null

undéfini indiquent qu'une variable est définie mais qu'aucune valeur n'a été attribuée. null signifie que la variable n'est pas définie du tout. Bref, qu'elles soient indéfinies ou nulles, ce sont fondamentalement des valeurs inutilisables.

Le type null a une fonction spéciale. Par exemple, il existe un objet avec de nombreux attributs. Si vous souhaitez marquer cette variable comme prête pour le garbage collection, vous pouvez définir sa valeur sur null.

L'étranger le plus familier : l'objet

Je pensais autrefois que les objets étaient les plus simples en js, mais en fait, j'étais trop naïf.

// 定义一个对象，so easy
var boy = {
  name: 'wangduanduan'
}

var boy = {}
Object.defineProperty(boy, 'name', {
 writable: false,
 value: 'wdd'
})
boy.name = 'ddw' // 设置不会生效，boy.name的值还是wdd

Propriétés de données de l'objet

数据属性	默认值	说明
configurable	true	表示这个属性能否用delete删除
enumerable	true	表示这个属性能否通过for in 循环遍历
writable	true	表示这个属性能否被修改
value	undefined	表示这个属性的数据值

Si Object.defineProperty est appelé sans spécifier configurable, énumérable et inscriptible, alors leurs valeurs par défaut sont fausses.

Attributs d'accesseur

Les attributs d'accesseur sont get et set, ce qui vous permet d'effectuer une couche d'interception lors de la lecture ou de l'écriture de valeurs.

var man = {
    _sex: 1
}
Object.defineProperty(man, 'sex', {
 set: function (v) {
     this._sex = v === '男' ? 1 : 0
 },
 get: function () {
     return this._sex === 1 ? "男" : "女"
 }
})
nam.sex // 男

Pensez à ce qui se passerait si vous changeiez _sex ci-dessus en sexe ?

// 这样写会有什么问题
var man = {
    sex: 1
}
Object.defineProperty(man, 'sex', {
 set: function (v) {
     this.sex = v === '男' ? 1 : 0
 },
 get: function () {
     return this.sex === 1 ? "男" : "女"
 }
})

Cet article est terminé ici. Pour un contenu plus passionnant, vous pouvez faire attention à la colonne Tutoriel vidéo JavaScript du site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!