浅理解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变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。
18 1
|
3小时前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
3小时前
|
存储 JavaScript 前端开发
JavaScript数据类型详解
【4月更文挑战第4天】JavaScript有七种基本数据类型(Number, String, Boolean, Null, Undefined, Symbol, BigInt)和一种复杂数据类型(Object)。Number用于数字,String是不可变的文本,Boolean表示逻辑值,Null为空,Undefined表示未赋值,Symbol是唯一标识,BigInt处理大整数。Object用于复杂数据结构,如数组和函数。此外,`typeof`操作符检测数据类型,但有特殊行为,如`typeof null === &quot;object&quot;`。
21 2
|
3小时前
|
JavaScript
typeof 和 instanceofJS数据类型(js的问题)
typeof 和 instanceofJS数据类型(js的问题)
|
3小时前
|
JavaScript 前端开发
JavaScript 中有哪些数据类型?
JavaScript 中有哪些数据类型?
19 3
|
3小时前
|
JavaScript
JS常用数据类型转换
JS常用数据类型转换
13 1
|
3小时前
|
JavaScript
数据类型转换(js的问题)
数据类型转换(js的问题)
10 0
|
3小时前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
3小时前
|
存储 JavaScript 前端开发
JavaScript引用数据类型
JavaScript引用数据类型
|
3小时前
|
JavaScript 前端开发
JavaScript 基本数据类型
JavaScript 基本数据类型