详细了解JavaScript中的数据类型

PHP中文网 JavaScript

本文摘自PHP中文网，作者青灯夜游，侵删。

JavaScript的数据类型分为俩种，一种是基本数据类型，一种是引用数据类型

1、基本数据类型包括：

  • Number - - (数字)

  • String - - (字符串)

  • Boolean - - (布尔值)

  • Undefined - - (未定义)

  • Null - - (空的)

  • Symbol - - (符号)

2、引用数据类型包括：

1）、Object - - (对象)

以下都是属于Object之内的：
2.Array - - （数组）
3.Function - - (函数)
4.Date - - (时间)
5.RegExp - - (正则)
6…(还有很多)

基本数据类型的取值：

Number:

数字（数字可以带小数点也可以不带）、NaN、Infinity

String：

字符串可以是引号中的任意文本。双引号单引号都可以。也可以使用ES6的模板字符串 ``
如：

1

var a = 'xxx';var a = "xxx";

这俩种都是声名的字符串。

Boolean:

只有俩个值：true或false。

布尔值常用在条件测试中。比如说判断1>2是不是对的，是对的就返回true，是错的就返回false，然后我们就可以根据返回的结果去做俩种不同的操作。

Undefined：

取undefined一个值。

表示变量不含有任何值。是未定义的状态。

Null：

表示变量的值为空，可以通过将变量的值设置为null来清空变量。

Symbol：

关于Symbol的详细介绍请移步到ES6阮一峰符号的详细介绍

引用数据类型的介绍：

Array：

数组： 保存一组数据

数组对象的作用是：使用单独的变量名来存储一系列的值。

（动态数组：可自动根据元素个数调用长度大小）

概念：

1）、元素：数组中所保存数据的空间
2）、长度：数组中所保存元素的个数
3）、下标（索引）：数组中元素的编号，从0开始编号，到（数组的长度-1）结束

使用：

a、创建数组对象：

1

2

3

4

5

var arr = [];//直接量

var arr = new Array();//创建数组对象。

var arr = [1,2,3];//直接量，在创建数组对象的同时初始化保存的数据。

var arr = new Array(1,2,3);在创建数组对象的同时初始化保存的数据。

var arr = new Array(size);//size为数字参数，表示创建数组时先预定size个空间。

b、访问数组元素：

1

数组名[下标]

c、数组元素遍历迭代：

  • 普通循环

1

2

for(let i = 0;i < array.length; i++) {

    //array[i]}

  • for-in

1

2

3

for(let 变量名 in 数组名) {

    //变量名中所保存的值是数组下标编号的字符串内容

    //仍然使用“数组名[字符串下标]”来访问数组对应下标处的元素}

  • for-of（ES6）

1

2

for(let 变量名 of 数组名) {

    //变量名中所保存的值是数组中当前便利到的元素值}

  • 数组的api
    数组的API详细介绍请看数组的常用方法

Object：

（OOP：万物皆对象）

创建对象的方法有:

1、直接量：

1

2

3

4

5

6

var stu = {

    name: '李四',

    age: 18,

    eat: function(pig) {

        console.log('吃：' + pig)

    }}

2、构造函数创建

1

2

3

4

5

function Person() {

    this.name = 'jack';

    this.job = function() {

        alert('program');

    }}var person = new Person();

3、通过object方式创建

1

var person = new Object();person.name = 'jack';person.sex = 'girl';

对象的属性调用：

对象名.属性名

对象名.方法名（【参数列表】）

或：

对象名【“属性名”】

对象名【“方法名”】（）；

Function：

函数是由事件驱动的或者当它被调用时可重复使用的代码块。

本质：代码块。

定义：

1）、声名函数

1

2

function 函数名(参数列表) {

    //函数主体：可被重复使用的代码块}

2）、函数表达式

1

2

var 变量名 = function(参数列表) {

    //函数主体：可被重复使用的代码块}

3）、了解：new Function() //这个基本上不用了，上面俩个算是这个的缩写。

调用：

a.直接调用

1

函数名()

b.事件驱动

1

document.getElementById(‘xx’).onclick = 函数名;

参数（相当于一个函数的输入）：

  • 形式参数（形参）：函数定义时的参数

  • 实际参数（实参）：函数调用时的参数

返回值（相当于是函数的输出）：

1

return 表达式；

函数返回值是返回到函数调用处

基本数据类型和引用数据类型的区别：

基本数据类型的值是存放在栈中。

引用数据类型的值是存放在堆中。

更多编程相关知识，请访问：编程教学！！

以上就是详细了解JavaScript中的数据类型的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

javascript如何隐藏下拉菜单

javascript 作用域详解

javascript中数组如何求和？常用方法介绍

javascript中object方法有哪些

鲜为人知的 json.stringify 用法

window对象在前端领域的角色

javascript中对象怎么转换为字符串

javascript自我管理是什么

深入浅析js中的逻辑赋值运算符

javascript怎么删除div节点

更多相关阅读请进入《javascript》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...