JavaScript之数据类型

简介:

前言

JavaScript一共有6中数据类型:
基本数据类型(5):字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、空(Null)、未定义(Undefined)
复杂数据类型(1):对象(Object)
注意:Array、Date、Math、Error Set(ES6).....都是属于Object中

一、JS数据类型概述

1.1 简介


原始类型(基本类型):按值访问,可以操作保存在变量中实际的值。
原始类型汇总中null、undefined比较特殊。
引用类型:引用类型的值是保存在内存中的对象。

与其他语言不同的是,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作
对象的内存空间。
在操作对象时,实际上是在操作对象的引用而不是实际的对象。所以引用类型的值是按引用
访问的。

1.2 typeof 操作符

由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字。

关键字 类型
typeof 123 Number
typeof 'abc' String
typeof true Boolean
typeof undefined Undefined
typeof null Object
typeof { } Object
typeof [ ] Object
typeof console.log() Function

null类型进行typeof操作符后,结果是object,原因在于,null类型被当做一个空对象引用。

二、原始类型

2.1 Number类型

  • Number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一位数字)两种值。
  • js不区分 整型和 浮点型

特殊值 NaN (非数字类型)

  • NaN跟任何值进行任何运算,结果仍然NaN.跟谁都不相等,包括自己。
  • 特点
    ① 涉及到的 任何关于NaN的操作,都会返回NaN

② NaN不等于自身。

  • isNaN() 函数用于检查其参数是否是非数字值。
    isNaN(123) //false isNaN("hello") //true

一般NaN被动产生(数据类型转为Number,不能转为正常的数字,就是NaN)
函数 isNaN() 判断是不是NaN或者能不能转换为NaN

使用实例:


         //数字
        var n1 = 10234;
        var n2 = 0x12; //十六进制
        var n3 = 2e2; //科学计数法(小学知识)

        console.log(n1,n2,n3)

        //浮点精度问题
        console.log(.1 + .2);

        //NaN  表示Not a number

        console.log(NaN)
        console.log(typeof(NaN))       //NaN的数据类型依然是number

        //NaN 跟 任何值(包括0) 进行任何运算 结果依然是NaN
        console.log(NaN * 0);          //结果是NaN

        //NaN跟谁都不相等
        console.log(NaN == NaN)       //结果是false


        var num = 2344e1000;

        console.log(typeof(num))      //结果是infinity即无穷大
        console.log(num)              //数据类型依然为number


        console.log(isNaN(NaN))       //true
        console.log(isNaN('hello'))  //true
        console.log(isNaN('123')) // false 字符串'123' 转为number 的时候 是 123 不是NaN

2.2 String类型

  • 字符串是存储字符(比如 "Bill Gates")的变量。
  • 字符串有length属性
  • 字符串可以是引号中的任意文本。您可以使用单引号或双引号(没有区别)。
  • 您可以在字符串中使用引号,只要不匹配包围字符串的引号即可。
var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

2.3 Boolean类型

布尔(逻辑)只能有两个值:true 或 false。

var x=true;
var y=false;

2.4 Null类型 和 Undefined类型

1) Null类型
被动产生
null类型被看做空对象指针,前文说到null类型也是空的对象引用。

2)Undefined类型
只有一个值,即undefined值。使用var声明了变量,但未给变量初始化值,那么这个
变量的值就是undefined.

Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。

cars=null;
person=null;

二、三大引用类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了,引用类型是一种数据结构,
用于将数据和功能组织在一起。引用类型有时候也被称为对象定义,因为它们描述的是一类
对象所具有的属性和方法。

2.1 Object类型

我们看到的大多数类型值都是Object类型的实例,创建Object实例的方式有两种:
1)第一种是使用new操作符后跟Object构造函数

var person = new Object();
person.name = "Micheal";
person.age = 24; 

2)第二种方式是使用对象字面量表示法
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。
属性由逗号分隔

var person = {
  name : "Micheal",
  age : 24
};

寻址的两种方式:

name=person.name;
name=person["name"];

2.2 Array类型

数组的每一项可以用来保存任何类型的数据,也就是说,可以用数组的第一个位置来
保存字符串,第二个位置保存数值,第三个位置保存对象....另外,数组的大小是可
以动态调整的。

创建数组的基本方式有两种:
1)第一种是使用Array构造函数

var colors = new Array("red","blue","yellow");
 var cars=new Array();
 cars[0]="Saab";
 cars[1]="Volvo";
 cars[2]="BMW";

2)第二种是使用数组字面量表示法

var colors = ["red","blue","yellow"];

2.3 Function类型

每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。
函数通常是使用函数声明语法定义的,如下所示

function sum(num1,num2){
  return num1 + num2;
};

这和使用函数表达式定义函数的方式相差无几

var sun = function (){
  return sum1 + sum2;
};

注意:
当您声明新变量时,可以使用关键词 "new" 来声明其类型:

 var carname=new String;
 var x=      new Number;
 var y=      new Boolean;
 var cars=   new Array;
 var person= new Object;

JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
提示:JavaScript具有隐含的全局概念,意味着你不声明的任何变量都会成为一个全局对象属性。

相关文章
|
6月前
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
1091 58
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
309 59
|
8月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
11月前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
238 3
|
12月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
12月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
278 1
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
469 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
前端开发 JavaScript
JS-数据筛选
JS-数据筛选
122 7
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
225 4
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
451 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法