JavaScript数据类型

最新推荐文章于 2025-10-25 07:15:00 发布

原创最新推荐文章于 2025-10-25 07:15:00 发布 · 423 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript

数据类型的简介

1 为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型

简单来说，数据类型就是数据的类被型号，比如姓名“张三” 年龄18，这些数据的类型是不一样的

2变量的数据类型

变量是用来存储值的所在处，他们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位纯出道计算机的内存中。JavaScript是一种弱类型或者说动态语言 。这意味着不用提前声明变量的类型，再程序运行的过程中，类型会被自动确定

在代码运行时，变量的数据类型时由JS引擎根据=右边变量值的数据类型来判断的,运行完毕后，变量就确定了数据类型。

<script>
        // var num; //这里的num 我们不确定属于哪种数据类型的
        var num = 10; //num属于数字型
        //js的变量数据类型是只有程序再运行过程中，根据等号右边的值来判断数据是属于哪种类型
        var str = 'pig'  //str属于字符串型  根据后面的值来判断
    </script>

JavaScript拥有动态类型，同时也意味着相同的变量可用作不同的类型

<script>
      var x = 6;      //x是数字类型
      var x = 'pig';  //x是字符串类型
</script>

数据类型的分类

js把数据类型分为两类

简单数据类型(Number，String，Booleam,Undefined,Null)
复杂数据类型(object)

简单数据类型

数字型 Number

javrScript 数字型既可以用来保存数值，也可以保存小数(浮点数)

var age = 21;       //整数
var age = 21.3747;  //小数

数字型进制

最常见的进制有二进制八进制十六进制

<script>
        var num = 10;  //num 数字型
        var PI = 3.14; //PI 数字型

        // 1.八进制0~7 我们程序里面数字前面+0 代表八进制
        var num1 = 0122;
        console.log(num1); //010  八进制转换为10进制就是8
        var num2 = 012;      //这里转换为10进制就是10
        console.log(num2);
        // 2.十六进制 0~9 a~f   #ffffff  数字前面加 0x 表示十六进制
        var num3 = 0x9;
        console.log(num3);
        var num4 = 0xa;
        console.log(num4);
    </script>

数字型范围

JavaScript中数值的最大和最小值

aleart(Number,Max_VALUE);   //1.7976931348623157e+308
aleart(Number,Min_VALUE);   //5e-324

数字型的

Infinity，代表无穷大大于任何数值

aleart(Number,Max_VALUE*2);  //这里就会显示无穷大 显示Infinity

-Infinity，代表无穷小，小于任何数值

aleart(Number,-Max_VALUE*2)  //这里会显示无穷小  显示-Infinity

NaN， Not a number，代表一个非数值

console.log('pink' - 100);//代表的非数值 显示NaN

isNaN()

用来判单一个变量是否为非数字的类型，返回true或者false

var usrage = 21;
var isok = isNaN(userAge);
console.log(isNum);            //false   21不是一个非数字
var usrName = 'andy'
console.log(isNaN(usrName));  //true    ‘andy’是一个非数字

字符串型 String

字符串型可以是引号中的任意文本，器语法为双引号”“和单引号‘’

因为HTML标签里面的属性值使用的双引号，JS这里我更推荐使用单引号

1.字符串引号的嵌套

js可以用单引号嵌套双引号，或者用双引号嵌套单引号（外双内单，内单外双）

2.字符串转义符

类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。

转义符都是\开头的，常用的转义符如下图所示

3.字符串的长度

字符串是有若干字符组成的，这些字符的数量就是字符串长度，通过字符串的length属性可以获取整个字符串的长度

//1.检测获取字符串的长度 length
var str = 'my name is dong'
console.log(str.length); //会显示12

4.字符串的拼接

多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串，在拼接成一个新的字符串
只要是字符串类型与其他的类型相拼接比如数字类型结果一定为字符串类型

console.log('宇智波' + '佐助')； //字符串的 宇智波佐助
console.log('宇智波佐助' + 16)； //字符串的 '宇智波佐助16'
console.log(16 + 20);          //结果是36
console.log('16' + 20)         //结果是'1620'

+ 号总结口诀：数值相加，字符相连

5.字符串的拼接加强

多个字符串相加

console.log('冬冬' + '永远' + 18 + '岁')   //冬冬永远18岁

把变量带入字符串相加如带入age（变量不要直接写到字符串里，而是与字符串相连的方式实现的）

var age = 18;
console.log('冬冬' + age + '岁')  //冬冬18岁

变量和字符串相连的口诀：引引加加

console.log('冬冬永远 '+age+'岁')

我们经常会将字符串和变量来相连，因为变量可以很方便的修改里面的值
引号是不能给变量添加的