Ce que les types de données Javascript n'incluent pas

藏色散人
Libérer: 2023-01-07 11:41:52
original
6680 Les gens l'ont consulté

Les types de données Javascript n'incluent pas les symboles. JavaScript a 6 types de données, à savoir Indéfini, Null, Booléen, Nombre, Chaîne et Objet.

Ce que les types de données Javascript n'incluent pas

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Qu'est-ce que le type de données Javascript n'inclut pas ?

Cet article résume les six principaux types de données de JavaScript (à l'exclusion des symboles) basés sur (Programmation JavaScript avancée (3e édition))

JavaScript a 6 types de données (à l'exclusion des symboles)

——Non défini, Null, Booléen, Nombre, Chaîne et ObjetUndefinedNullBooleanNumberStringObject

ES6中有7种, 多了一种数据类型Symbol, 本文不涉及.

Undefined表示未定义,Null表示空,Boolean表示布尔值,Number表示数值,String表示字符串。
通常我们可以用typeof操作符来检测变量的数据类型。

注意typeof是操作符!操作符!操作符!

typeof操作符应用一下规则:

  • "undefined"——这个值是未定义的。
  • "boolean"——这个值是布尔值
  • "string"——这个值是字符串
  • "number"——这个值是数值
  • "object"——这个值是对象或Null
  • "function"——这个值是函数

例如字符串 str="我是String类型":

<p style="line-height: normal;">console.log(typeof str) //"string" 注意typeof操作符的返回的结果是字符串<br/></p>
Copier après la connexion

对于typeof操作符, 还有一点诡异的地方,那就是:
1. typeof对null返回"object"
2. typeof对未声明的变量返回"undefined"
3. typeof对声明而未初始化的变量也返回"undefined"

var s = null
console.log(typeof s) //"object"
console.log(typeof a) //"undefined", 注意变量a未声明
var b;
console.log(typeof b) //"undefined", 注意变量b声明但未初始化
Copier après la connexion

因为typeof的诡异特性,且我们还需进步知道变量的具体信息,我们常用instanceof来确定变量的数据类型。

Undefined和Null

UndefinedNull类型只有一个值,那分别是undefinednull
对于undefined来说,需要记住下面两点:

  1. 已声明但未初始化的变量值为undefined(参考上面代码)
  2. undefinednull相等
console.log(undefined == null) //true
Copier après la connexion

对于null来说,需要记住两点:

  1. typeof null 返回"object",从逻辑上看,null为object的引用(示例见typeof
  2. undefinednull相等

Boolean

Boolean类型有两个值——truefalse
任何数据可以调用布尔函数Boolean()

类型truefalse
Booleantruefalse
String非零字符串“”(空字符串)
Number非零数字(包括无穷大)0和NaN
Object任何对象null
Undefined不适用undefined
Null不适用null
Il existe 7 types dans ES6, et il existe un type de données supplémentaire Symbole, qui n'est pas couvert dans cet article.🎜🎜🎜Undéfini signifie indéfini, < code>Null signifie Vide, Boolean représente une valeur booléenne, Number représente une valeur numérique et String représente une chaîne. 🎜 Habituellement, nous pouvons utiliser l'opérateur typeof pour détecter le type de données d'une variable. 🎜🎜🎜Notez que typeof est un opérateur ! Opérateur! Opérateur! 🎜🎜🎜L'opérateur typeof applique les règles suivantes : 🎜
  • "undefined" - Cette valeur n'est pas définie.
  • "boolean"——Cette valeur est une valeur booléenne
  • "string"——Cette valeur est une chaîne< /li>
  • li>
  • "numéro"——Cette valeur est une valeur numérique
  • "objet"——Cette valeur est un objet ou Null
  • "fonction"——Cette valeur est une fonction
🎜Par exemple, string str="Je suis a String type" :🎜
console.log(Boolean(true)) //trueconsole.log(Boolean(""))   //falseconsole.log(Boolean(1))  //trueconsole.log(Boolean(null)) //false
Copier après la connexion
Copier après la connexion
🎜 Il y a une autre chose étrange à propos de l'opérateur typeof, à savoir : 🎜 1. typeof renvoie "object" pour null, 🎜 2. typeof renvoie des variables non déclarées "undéfini" 🎜 3. typeof renvoie également "undéfini"🎜
console.log(070) //56console.log(0xA) //10
Copier après la connexion
Copier après la connexion
🎜car Les caractéristiques étranges de typeof, et nous devons en savoir plus sur les informations spécifiques de la variable. Nous utilisons souvent instanceof pour déterminer le type de données de la variable. 🎜

Non défini et Null

🎜Les types Undéfini et Null n'ont qu'une seule valeur, qui est undéfini</ code> respectivement code> et <code>null. 🎜 Pour undéfini, vous devez retenir les deux points suivants : 🎜
  1. La valeur d'une variable qui a été déclarée mais non initialisée est undéfini (voir au code ci-dessus)< /li>
  2. undefined est égal à null
console.log(1.00) //1console.log(10.) //10
Copier après la connexion
Copier après la connexion
🎜Pour null , vous devez vous rappeler deux choses : 🎜
  1. typeof null renvoie "object" Logiquement, null est une référence à un objet (pour des exemples, voir. typeof</code >)</li><li><code>non défini et null sont égaux

Boolean

🎜< Le type code>Boolean a deux valeurs - true et false. 🎜 N'importe quelle donnée peut appeler la fonction booléenne Boolean(), qui renverra une valeur booléenne. 🎜🎜

为了便于记忆, 只需记住false""(空字符串),0NaNnullundefined会使Boolean()函数变为false,其他为true即可。

代码范例:

console.log(Boolean(true)) //trueconsole.log(Boolean(""))   //falseconsole.log(Boolean(1))  //trueconsole.log(Boolean(null)) //false
Copier après la connexion
Copier après la connexion

Number

Number类型使用IEEE754格式表示整数和浮点数。对于整数,JavaScript若遇到八进制和十六进制数会自动转换为十进制数, 若数的范围超过八进制和十六进制的便是范围则解析为是十进制数。

console.log(070) //56console.log(0xA) //10
Copier après la connexion
Copier après la connexion

八进制在严格模式下出错。

对于浮点数,Javascript会将小数点后全为0的小数和小数点后没有数字的小数自动转换为整数。

console.log(1.00) //1console.log(10.) //10
Copier après la connexion
Copier après la connexion

浮点数最高精度为17位小数, 但是在算术运算时需要注意下面的式子:

console.log(0.1+0.2) //0.30000000000000004
Copier après la connexion

这也是IEEE754格式表示的通病。

数值范围

Number有两个属性表示JavaScript的数值范围——Number.MAX_VALUENumber.MIN_VALUENumber.MAX_VALUE表示在JavaScript中最大的值,若超出其范围则会转为infinity
Number.MIN_VALUE表示在JavaScript中最小的正值,若超出其范围则会转为0
Number.MAX_VALUE 在大多数浏览其中是1.7976931348623157e+308.
我们可以通过isFinite()方法来确定变量是否在Number.MAX_VALUENumber.MIN_VALUE之间,若在,则返回true, 反之则返回false

var num = Number.MAX_VALUE+Number.MAX_VALUE;  //超出了Number.MAX_VALUEconsole.log(isFinite(num)); //false
Copier après la connexion

Number中有个特殊值–NaN, 这个数表示非数值(Not a number). 这个数有两个特点:

  1. 任何设计NaN的操作都返回NaN.
  2. NaN不等于任何值(包括它本身).

我们通常可以用isNaN()函数确定某个变量是否是NaN.

console.log(isNaN(NaN))  // trueconsole.log(isNaN("1"))  //false
Copier après la connexion

数值转换 Number(), parseInt()和parseFloat()

有三个函数可以讲将数值转换为数值类型: Number(), parseInt(), parseFloat().
Number()函数的转换规则如下:

  • 对于Boolean类型数值, true转换为1, false转换为0
  • null转换为0
  • undefined转换为NaN
  • String类型的值按以下规则转换
    • 若字符串中只包含数字(包括前面带正负号), 则将其转换为十进制数. 且忽略前导0.
    • 若字符串包含有效的浮点格式数, 则转换为浮点数. 忽略前导0.
    • 若字符串包含有效的十六进制格式(如"0xf"), 则将其转换为相同大小的十进制数.
    • 若为空串, 则转换为0
    • 若字符串包含上述格式之外的其他子, 则转换为NaN
  • 待转换类型是对象时, 调用对象的valueOf()方法返回某一值, 再按前面的方法转换(第一次转换)
    • 当第一次转换结果为NaN时, 调用对象的toString()方法返回字符串值, 再按前面的方法转换

parseInt()函数有两个参数, 第一个参数为待转换的字符串(若不是字符串则使用ToString()函数转换为字符串), 第二个参数2到36之间的一个数, 作为基数使用. 基数可以省略, 默认基数为10.

parseInt() 在解析第一个参数(字符串)时会忽略字符串前面的空格, 知道找到第一个非空格字符. 如果第一个字符不是数字字符或者负号, parseInt()会返回NaN; 也就是说, 用parseInt() 转换空字符串会返回NaN(Number对空字符串返回0). 如果第一个字符是数字字符, parseInt() 会继续解析第二个字符, 直到解析完所有后续字符或者遇到了一个非数字字符.
来源于(JavaScript高级程序设计(第3版))

console.log(parseInt("   1234blue")) //1234console.log(parseInt("")) //NaNconsole.log(parseInt("AF", 16)) //175
Copier après la connexion

parseFloat() 相比于前两个, 他只能解析十进制数. 当解析的字符串可以解析成整数时也会被解析位整数.

console.log(parseFloat("1234basd")) // 1234console.log(parseFloat("22.5") // 22.5
Copier après la connexion

更多信息可以查看文档:
Number Object
parseInt()和parseFloat()

String

String 类型常用语表示16位Unicode字符组成的字符序列, 也就是我们常说的字符串. 字符串有个鲜明的特点, 那就是字符串一旦创建, 他们的值就不会改变.

字符字面量

String类型若想包含一些特殊字符如 ‘(单引号)或 ” (双引号) , 就必须使用转义字符. 也可以叫它们字符字面量.
常用字符字面量如下所示:

字面量含义
\n换行符
\t制表符
\b退格符
\r回车符
\f换页符
\斜杠
\’单引号
\”双引号
\xnnx表示十六进制, n为0-F, nn表示一个字符. 如\x41表示”A”
\unnnnu表示Unicode, 也为十六进制. nnnn表示一个十六进制的Unicode字符

例如:

console.log("这是单引号: \&#39;")    //这是单引号: &#39;console.log("这是\n换行符")/*
这是
换行符
*/console.log("这是大写字母: \x41")  //这是大写字母: A
Copier après la connexion

转换为字符串 toString()和String()

大部分值都有toString()方法, 因此我们可以使用这个方法.

var a = 2console.log(a.toString()) //2var b = trueconsole.log(b.toString()) //true
Copier après la connexion

还可以给toString()添加一个参数, 这个参数表示基数.

var num = 7console.log(num.toString(2)) //111console.log(num.toString(3)) //21
Copier après la connexion

前面说了大部分值可以使用toString()方法, 那么哪些值不能使用呢? 那就是nullundefined.
当我们需要将一个变量A转换为字符串时, 假如我们不知道变量A是否是nullundefined, 我们可以使用String()函数. 这个函数可以讲任意类型的值转换为字符串. 其规则如下:

  • 如果可以调用toString()方法则调用该方法.
  • 如果是null, 则返回"null"
  • 如果是undefined, 则返回"undefined"

Object

Object 类型俗称对象, 对象的实例通常使用new操作符进行创建. 对象的实例还是对象, 我们会在对象的实例中添加属性和方法.

var obj = new Object();
Copier après la connexion

Object的实例有下列基本的属性和方法:

  1. constructor
    constructor属性保存着穿件当前对象的函数, 也叫构造函数. 如上例中的Object()
  2. hasOwnProperty(propertyName)
    这个方法用于检测当前对象实例中是否有属性名为propertyName的属性. propertyName必须为字符串
  3. isPrototypeOf(object)
    其用于检查传入的对象object是否为当前对象实例的原型
  4. propertyIsEnumerable(propertyName)
    用于检查给定的属性propertyName是否可以用for-in语句来枚举. propertyName必须为字符串
  5. toLocaleString(), toString(), valueOf()
    这三个方法都可以返回对象的字符串表示, valueOf()还可以返回对象的数值, 布尔值表示.
    可以参考这篇文章:Javascript toString()、toLocaleString()、valueOf()三个方法的区别-博客园-一个悬浮在空中的胖子
var obj = new Object()
obj.constructor //ƒ Object() { [native code] }obj.name = "ES" //给obj添加属性obj.hasOwnProperty("name")  //true, 注意参数必须为字符串形式obj.propertyIsEnumerable("name")    //trueobj.toString()  //"[object Object]"
Copier après la connexion

推荐学习:《javascript高级教程

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal