浅理解JavaScript 数据类型

简介: JavaScript有以下几种类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。总体分为:值类型和引用类型。

@[TOC]

前言

JavaScript有以下几种类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
总体分为:值类型和引用类型。

1.值类型

值类型有:字符串、数字、布尔、null、undefined。


<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>JavaScript</title>
    <script>
        //字符串:
        //字符串可以是引号中的任意文本。您可以使用单引号或双引号:
        var str1 = "字符串"; //可以用双引号
        var str2 = '字符串'; //可以用单引号
        console.log(str1);//输出  字符串
        console.log(str2);//输出  字符串

        //数字
        //JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
        var x1 = 1699.11; // 使用小数点来写
        var x2 = 1700; // 不使用小数点来写
        console.log(x1);//输出  1699.11
        console.log(x2);//输出  1700

        //布尔
        //布尔( 逻辑) 只能有两个值: true 或 false。
        var t = true;//真
        var f = false;//假
        console.log(t);//输出true
        console.log(f);//输出false

        //undefined和null。
        var un ;//一个变量在声明后如果没有赋值,他的值就是undefined。
        var nu = null;
        console.log(un);//输出undefined-->这个值表示变量不含有值
        console.log(nu);//输出null-->null属于是空
    </script>
</head>

<body>
</body>

</html>

2.引用类型

引用类型包括:函数、对象、数组。

2.1函数

使用 function 关键字就可以定义一个函数

        /*一个简单的函数定义*/
        function 函数名(参数) {
            函数体;

            return 返回值;
        }
        /*调用函数*/
        var ret = 函数名(参数1);

2.2数组

        <script>
        //数组是一组数据构成的列表。
        //在定义时可以单独使用[],也可以在定义时添加数据,每个数据用逗号隔开.可以存放不同类型的数据
        var arr1 = [];
        var arr2 = [1, 2, "无敌", true];

        console.log(arr1); //空数组
        for (var i = 0; i < arr2.length; i++) {
            //遍历输出数组的话,要从0开始,因为数组下标就是从0开始。
            //arr2.length的意思是求数组arr2的长度

            console.log('第'+(i+1)+"个数据的值为:"+arr2[i]); //每循环一次,输出该元素
        }
        </script>

输出:
在这里插入图片描述
要注意:数组的下标是从0开始的,也就是说第一个元素的下标为0
var arr = [1, 2, "无敌", true];为例
在这里插入图片描述
通过观察我们可以看出来:第i个元素的下标为i-1;
当调用的时候我们可以直接写成,用第i个元素的值为:arr[i-1].

2.3对象

这里只做一个简单的讲解,如果要深入可以等待博主以后的文章。
对象由属性和方法组成。

        //对象的定义规则如下:
        var obj = {
            属性名1: 属性值,
            方法名1: 方法1,
            '属性名2': 属性值2,
        };
        
        //定义
         var obj = {
            name: '小腾',
            age: 21,
            email:'ateng1118@163.com',
        };
        //若使用对象属性可以 对象名点属性名
        console.log(obj.name); // 输出:小腾
        console.log(obj.age); // 输出:21
        console.log(obj.email); // 输出:ateng1118@163.com
        //也可以直接调用改动赋值
        obj.name = '阿腾';
        console.log(obj.name)//输出:阿腾
       

3.JavaScript数据类型的特点

JavaScript 拥有动态类型
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:


        </script>
        //举例重复使用一个变量,赋值为不同的类型
        var t = 213;
        console.log(t);//输出213

        t='我是字符串类型';
        console.log(t);//输出我是字符串类型

        t=true;
        console.log(t);//输出true
        </script>

4.小结

博主写的都是比较基础的地方,如果想要增加深学习深度可以网上搜索文献或登录一些学习网。
或者点赞关注博主等待后续文章发布~

相关文章
|
3月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
145 59
|
14天前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
44 3
|
1月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
24 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
122 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
2月前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
31 1
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
46 2
JavaScript基础知识-基本数据类型和引用数据类型
|
2月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
55 0
|
3月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
77 2
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
4月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
461 1