`

javaScript六大数据类型

阅读更多

JavaScript数据类型

    基本数据类型:Undefined,Null,Boolean,Number,String。

    复杂数据类型:Object。

 

    1.Undefined

    这个类型只有一个值是undefined,使用var声明了 但是没有赋值的变量

 

Js代码  收藏代码
  1. var message;  
  2. alert(message == undefined) // true  
  3. typeof message // "undefined"  

 

 

    2.Null 

    这个类型只有一个值是null,标示一个空的对象指针。

Js代码  收藏代码
  1. var message = null;  
  2. typeof message; // "null"  

 

    3.Boolean

    这个类型的值有两个 true 和 false 是区分大小写的

 

Js代码  收藏代码
  1. // 转换为true的值  
  2. var value = true;  
  3. var value2 = "hello world"; // 任何非空字符串  
  4. var value3 = 1; // 任何非零数字  
  5. var value4 = {}; // 任何对象 包括function,Object  
  6.   
  7. if (value & value2 & value3) {  
  8.     alert("value is true");  
  9. }  
  10.   
  11. // 转换为 false 的值  
  12. var value = false;  
  13. var value2 = ""; // 空字符串  
  14. var value3 = 0; // 0或NaN  
  15. var value4 = null; // null  
  16. var value5 = undefined; // undefined  
  17.   
  18. if (value & value2 & value3 & value4) {  
  19.     // 不会进来  
  20. } else {  
  21.     alert("value is false");  
  22. }  
  23.   
  24. typeof  true; // "boolean"  

   

 

    4.Number

 

Js代码  收藏代码
  1. var octalNum1 = 070;  // 八进制56  
  2. var octalNum2 = 079; // 无效的八进制——79  
  3. var octalNum3 = 08; // 无效的八进制——8  
  4. // 在严格模式下以上赋值是无效的 回导致浏览器抛出异常  
  5.   
  6. var hexNum1 = 0xA; // 十六进制的10  
  7. var hexNum2 = 0x1f; // 十六进制的31  

    4.1 浮点数值

 

    小数点后边必须包含一位数字

 

Js代码  收藏代码
  1. var floatNum1 = 1.1 或  var floatNum2 = 0.1  

    用e表示法表示数值

Js代码  收藏代码
  1. var floatNum = 3.125e7; // 31250000  

    浮点数值最高精度是17位小数

Js代码  收藏代码
  1. // 浮点预算会失去精度  
  2. var a = 0.2;  
  3. var b = 0.3;  
  4. a + b; // 0.50000000000000004  

    4.2 数值范围

 

    最小数值保存在 Number.MIN_VALUE中,值为 5e-324,最大数值保存在 Number.MAX_VALUE 中,值为1.7976931348623157e+308。

     如果计算数值超出了数值范围,这个值会被自动转成Infinity值。可以用isFinite()函数检测是否超出数值范围

Js代码  收藏代码
  1. var num = Number.MAX_VALUE + Number.MAX_VALUE; // Infinity  
  2. isFinite(num);  // false  

    4.3 NaN

 

    NaN,表示非数值(Not a Numer)是一个特殊数值,计算导致错误时会返回NaN。

    全局函数isNaN(),接受任何参数来判断这个参数“不是数值”。

    两个特性:任何涉及NaN的操作都会返回NaN,NaN与任何值都不相等。

Js代码  收藏代码
  1. NaN/10;    // NaN  
  2. NaN == NaN; //  false  
  3.   
  4. isNaN(NaN);  // true  
  5. isNaN(10);    // false (是一个数值)  
  6. isNaN("10"); // false (可以转换成数值)  
  7. isNaN("name"); // true (不能转换成数值)  
  8. isNaN(true);  // false  (可以转换成数值1)  

    4.4 数值转换

 

    有3个函数把非数字转换成数字,Number(),parseInt(),parseFloat()。

 

Js代码  收藏代码
  1. // Number()  
  2. var num1 = Number("hello world"); // NaN  
  3. var num2 = Number(""); // 0  
  4. var num3 = Number("00011"); // 11  
  5. var num4 = Number(true); // 1  
  6. var num5 = Number(false); // 0  
  7.   
  8. // parseInt()  
  9. var num1 = parseInt("1234hello world"); // 1234  
  10. var num2 = parseInt(""); // NaN  
  11. var num3 = parseInt("0xA"); // 10(十六进制数)  
  12. var num4 = parseInt(22.5); // 22  
  13. var num5 = parseInt("70"); // 70  
  14. var num6 = parseInt(true); // NaN  
  15.   
  16. var num1 = parseInt("10", 2); // 2 (按二进制解析)  
  17. var num2 = parseInt("10", 8); // 8(按八进制解析)  
  18. var num3 = parseInt("10", 10); // 10(按十进制解析)  
  19. var num4 = parseInt("10", 16); // 16(按十六进制解析)  
  20.   
  21. // parseFloat()  
  22. var num1 = parseFloat("1234hello world");  // 1234  
  23. var num2 = parseFloat("0xA"); // 0   
  24. var num3 = parseFloat("22.5"); // 22.5   
  25. var num4 = parseFloat(22.34.5); // 22.34  
  26. var num5 = parseFloat("0908.5"); // 908.5    
  27. var num6 = parseFloat("3.125e7"); // 31250000  

    5. String

 

    String类型用于表示有零或多个16位Unicode编码组成的字符序列,即字符串。

   

    5.1 字符字面量

  •     \n    // 换行
  •     \t     // 制表
  •     \b    //退格
  •     \r    //回车
  •     \\    //进纸
  •     \'    //单引号(‘)
  •     \"    //双引号(“)
  •     \xnn    //以十六进制代码表示的一个字符
  •     \unnn  //以十六进制代码表示的一个Unicode字符

    5.2 字符串的特点

 

Js代码  收藏代码
  1. var lang = "java";  
  2.   
  3. lang = lang + "Script"; // "javaScript"  
  4. lang = lang + 1.8; // "java1.8"  
  5. lang = lang + null; // "javanull"  
  6. lang = lang + undefined; // "javaundefined"  
  7. lang = lang + true; // "javatrue"  

    5.3 转换为字符串

 

    

Js代码  收藏代码
  1. var str  = "hello world";  
  2. var num  = 10;  
  3. var bool = true;  
  4. var func = function(){};  
  5. var obj1 = {};  
  6. var obj2 = new Object();  
  7. var arr1 = [];  
  8. var arr2 = ["a","b"];  
  9.   
  10. str.toString();     // "hello world"  
  11. num.toString();     // "10"  
  12. bool.toString();    // "true"  
  13. func.toString();    // "function(){}"  
  14. obj1.toString();    // "[object Object]"  
  15. obj2.toString();    // "[object Object]"  
  16. arr1.toString();    // ""  
  17. arr2.toString();    // "a,c"  
  18.   
  19. var value1 = 10;  
  20. var value2 = true;  
  21. var value3 = null;  
  22. var value4 = ;  
  23.   
  24. String(value1); // "10"  
  25. String(value2); // "true"  
  26. String(value3); // "null"   
  27. String(value4); // "undefined"  

    6.Object

 

    创建Object类型的实例

Js代码  收藏代码
  1. // 字面量方法  
  2. var o1 = {};  
  3. // new 操作符创建  
  4. var o2 = new Object();  

    每个Object实例对象都有下列属性和方法:

  •     constructor: 保存着用于创建对象的函数 —— Object()。
  •     hasOwnProperty(propertyName):检车给定的属性是否存在当前对象的实例中(不是原型中)
    Js代码  收藏代码
    1. var O = {  
    2.     "name": "zhang san",  
    3.     "age": 25  
    4. };  
    5. O.hasOwnProperty("name");  // true   
  •     isPrototypeOf(object):用于检查一个对象是否存在于另一个对象的原型链上。
    Js代码  收藏代码
    1. // 定义函数对象  
    2. function Foo() {}  
    3. function Baz() {}  
    4. // 继承Foo的原型  
    5. Baz.prototype = Object.create(Foo.prototype);  
    6. // 创建一个新对象  
    7. var baz = new Baz();  
    8. // 检查baz是否继承自Foo  
    9. Foo.prototype.isPrototypeOf(baz); // true   
  • propertyIsEnumerable(propertyName):用于检查给定属性是否能用for-in语句来枚举。
    Js代码  收藏代码
    1. var o = {};  
    2. var a = [];  
    3. o.prop = 'is enumerable';  
    4. a[0] = 'is enumerable';  
    5.   
    6. o.propertyIsEnumerable('prop');   // true  
    7. a.propertyIsEnumerable(0);    // true  
    8.   
    9. a = ['is enumerable'];  
    10. a.propertyIsEnumerable(0);          // 返回 true  
    11.   
    12. // 内置对象的属性不能被枚举  
    13. Math.propertyIsEnumerable('random');   // 返回 false  
    14.   
    15. /***********************自身属性和继承属性****************************/  
    16. // 自身属性不能被枚举  
    17. var a = ['is enumerable'];  
    18. a.propertyIsEnumerable('constructor') // 返回 false  
    19. a.propertyIsEnumerable('length');   // 返回 false  
    20.   
    21.   
    22. function firstConstructor() {  
    23.   this.property = 'is not enumerable';  
    24. }  
    25.   
    26. firstConstructor.prototype.firstMethod = function() {};  
    27.   
    28. function secondConstructor() {  
    29.   this.method = function method() { return 'is enumerable'; };  
    30. }  
    31.   
    32. secondConstructor.prototype = new firstConstructor;  
    33. secondConstructor.prototype.constructor = secondConstructor;  
    34.   
    35. var o = new secondConstructor();  
    36. o.arbitraryProperty = 'is enumerable';  
    37.   
    38. o.propertyIsEnumerable('arbitraryProperty');   // 返回 true  
    39. o.propertyIsEnumerable('method');              // 返回 true  
    40. o.propertyIsEnumerable('property');            // 返回 false  
    41.   
    42. o.property = 'is enumerable';  
    43.   
    44. o.propertyIsEnumerable('property');            // 返回 true  
    45.   
    46. // 这些返回fasle,是因为,在原型链上propertyIsEnumerable不被考虑  
    47. // (尽管最后两个在for-in循环中可以被循环出来)。  
    48. o.propertyIsEnumerable('prototype');   // 返回 false (根据 JS 1.8.1/FF3.6)  
    49. o.propertyIsEnumerable('constructor'); // 返回 false  
    50. o.propertyIsEnumerable('firstMethod'); // 返回 false   
  • toLocaleString(): 返回调用 toString() 的结果。
  • toString(): 返回对象的字符串表示
  • valueOf():返回对象的字符串,数值或布尔值表示,通常与toString()返回值相同

 

*本文转载自:http://y328771518.iteye.com/blog/2418624

分享到:
评论

相关推荐

    1902易海滔01JavaScript数据类型.docx

    接着,JavaScript有六种主要的数据类型,分为两大类:基本数据类型和引用数据类型。基本数据类型包括: 1. **String**(字符串):用于表示文本,用单引号或双引号包围。 2. **Number**(数值):包括整数和浮点数...

    accp 5.0 s2 javascript 第六章

    2. **数据类型**:JavaScript支持七种数据类型,包括基本类型(Boolean、Null、Undefined、Number、BigInt、String和Symbol)和引用类型(Object)。特别是Number类型,要了解其浮点数的精度问题和处理大整数的方法...

    第六课 数据类型1

    第六课的数据类型主要涵盖了JavaScript中的基本数据类型,包括Undefined、Boolean、Number以及相关的数值转换。以下是这些知识点的详细说明: 1. **typeof 操作符**: `typeof` 是用于检测变量类型的运算符,返回...

    详解js的六大数据类型

    JavaScript中的六大数据类型分为两大类:基本数据类型(原始数据类型)和引用数据类型。 1. 基本数据类型(Primitive Data Types) - Number:包括整数和浮点数。浮点数可能会因为精度问题导致计算结果不精确,...

    JavaScript - The Definitive Guide 第六版

    数据类型包括了JavaScript中的原始类型(如字符串、数字、布尔值、null和undefined)以及复杂类型(如对象和数组)。书中还介绍了变量的作用域、提升、闭包以及各种数据类型的转换和操作。 客户端JavaScript部分...

    JavaScript语言 变量、数据类型、对象、函数、作用域、事件、字符串.pdf

    - **概述**:JavaScript的数据类型分为两类:基本类型(值类型)和引用类型(对象类型)。 - **基本类型**:包括字符串(`string`)、数字(`number`)、布尔值(`boolean`)、`null`、`undefined`和`symbol`。 - *...

    Javascript如何判断数据类型和数组类型

    js六大数据类型:number、string、object、Boolean、null、undefined string: 由单引号或双引号来说明,如”string” number:什么整数啊浮点数啊都叫数字,你懂的~ Boolean: 就是true和false啦 undefined:未定义...

    JavaScript权威指南第六版例题源码

    1. **变量与数据类型**:JavaScript是一种动态类型语言,允许声明变量时不用指定类型。书中会介绍基本数据类型(如String、Number、Boolean、Null、Undefined)和复杂数据类型(如Object和Array)。 2. **作用域与...

    JavaScript对象模型

    本文旨在深入解析JavaScript对象模型的关键概念,包括基本数据类型、对象、函数及其内部实现原理。 #### 二、基本数据类型 在JavaScript中,基本数据类型是最底层的实现形式。主要包括以下几种: - **Undefined**...

    javascript学习笔记(六)数据类型和JSON格式

    JavaScript中的数据类型是理解编程语言基础的关键,而在JavaScript学习中,JSON格式的使用同样不可或缺。JSON,全称JavaScript Object Notation,是一种轻量级的数据交换格式,它基于JavaScript的一个子集,采用完全...

    JavaScript权威指南第六版.mobi

    书中首先讲解了JavaScript的基础,包括变量、数据类型、运算符、流程控制语句、函数和对象。这些基本概念是理解JavaScript程序设计的基础,也是初学者入门的必学内容。 接着,书中深入讨论了JavaScript的对象模型,...

    JavaScript开发手册.zip

    变量是存储数据的容器,JavaScript支持六大数据类型:Undefined、Null、Boolean、Number、String和Symbol(ES6新增)。控制结构如条件语句(if...else)、循环(for、while)用于控制程序的流程。函数是一组有序指令...

    JavaScript

    JavaScript中的数据类型分为简单数据类型和复杂数据类型两大类: - **简单数据类型**包括 `undefined`、`null`、`boolean`、`number` 和 `string`。 - `undefined`: 表示未知或未定义的值,不能被代码处理。 - `...

    JavaScript基础复习大纲

    十、JavaScript 的基本数据类型及常量 Number(数字类型) * 整型常量(10 进制\8 进制\16 进制) * 实型常量 12.32、193.98、 5E7、4e5 等 * 特殊数值:NaN、Infinity(除数为零),所对应的判断函数 isNaN()、is...

    javascript入门经典第6版

    资源名称:...第二部分“Javascript编程”,包括第4章到第7章,介绍了Javascript的数据类型,例如数值、字符串和数组;以及较为复杂资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    JavaScript权威指南第六版源码

    它支持基本数据类型(如字符串、数字、布尔值)以及引用类型(如对象和数组)。了解这些基础知识是编写JavaScript代码的前提。 2. **控制流**:包括条件语句(如`if...else`,`switch`)和循环(如`for`,`while`,...

    JavaScript权威指南(第六版)中文扫描版(pdf)+ 英文文字版(epud+pdf)+码源

    JavaScript的基础包括变量、数据类型、操作符、流程控制(条件语句和循环)、函数、对象和数组等。其中,动态类型的特性使得JavaScript具有很高的灵活性,但同时也可能带来一些陷阱,如隐式类型转换。理解JavaScript...

Global site tag (gtag.js) - Google Analytics