JavaScript浅显易懂（一）——数据类型

╰半夏微凉° 2023-02-15 13:48 98阅读 0赞

**目录**

JavaScript五种基本数据类型

在进行计算的时候出现的问题

用Typeof()来查看当前变量的数据类型

String——文本字符串的处理

JavaScript一种复杂数据类型 （Object）（一）——Array

--------------------

# **JavaScript五种基本数据类型** #

> **Number**
> 
> **Boolean**
> 
> **String**
> 
> **Null**
> 
> **Undefined**

Number、Boolean、Null、Undefined（没有编译的值） 很简单这里就不具体说了 下边会有涉及。

## 在进行计算的时候出现的问题 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzk5NzQz_size_16_color_FFFFFF_t_70][]

NaN 属性用于引用特殊的非数字值。这里dad没有赋值就加2，最后得出NaN。

无法使用 for/in 循环来枚举 NaN 属性，也不能用 delete 运算符来删除它。

NaN 不是常量，可以把它设置为其他值。

**NaN和任何的数都不相等，包括他自己。所以用 isNaN() 来判断一个值是否是数字。**

两个字符串相加会he'bin

![20200605210616235.png][]

![20200605210638955.png][]

![20200605210648896.png][]

## 用Typeof()来查看当前变量的数据类型 ##

var fulName = "小明" ， weight = 160;

![20200605205758303.png][]

## String——文本字符串的处理 ##

var words = '此网这是一个网站';
    console.log(words.length); // 字符串长度
    //8
    console.log(words.charAt(0)); // 第一个字
    //此
    console.log(words.charAt(words.length - 1)); // 最后一个字
    //站
    console.log(words.indexOf('网')); // 第一个 网 字
    //1
    console.log(words.lastIndexOf('网')); // 最后一个 网 字
    // 6
    console.log(words.substring(0, 2)); // 截取前三个字符
    //此网
    console.log(words.replace('此网', '百度'));
    //百度这是一个网站
    var words = '百度,是一个网站';
    
    var newWords = words.split(',');    // 分割字符串
    console.log(newWords[0])
    console.log(newWords[1])

#  JavaScript**一种复杂数据类型 （Object）（一）——Array** #

![20200605210832759.png][]

简单的一些操作 一看就懂 多写多用记得牢

/**
     * Array
     * array = [element]
     * */
    var trackCD1 = ['可否删除','快乐王国'];
    var trackCD2 = ['长城', '农民' ,'不可一世'];
    trackCD2.length;    // 3
    trackCD2[0];    // 长城
    trackCD2[3] = 'Bye-Bye';    // tarckCD2 = ['长城', '农民' ,'不可一世','Bye-bye'];
    trackCD2.push('1','','3');  // 在数组后边插入element
    console.log(trackCD2);  // ["长城", "农民", "不可一世", "Bye-Bye", "1", "", "3"]
    
    trackCD2.pop(); // 删除数组最后一个元素
    console.log(trackCD2);  // ["长城", "农民", "不可一世", "Bye-Bye", "1", ""]
    
    trackCD2.shift(); // 删除数组第一个元素
    console.log(trackCD2);  // ["农民", "不可一世", "Bye-Bye", "1", ""]
    
    delete trackCD2[3]; //删除具体元素的值，数组长度不变
    console.log(trackCD2); // ["农民", "不可一世", "Bye-Bye", empty, ""]
    
    trackCD2.splice(3); // 删除索引2之后的所有元素（不包括2）
    console.log(trackCD2); // ["农民", "不可一世", "Bye-Bye"]
    
    var tracks = trackCD1.concat(trackCD2);     // 数组合并 1前2后
    console.log(tracks);    // ["可否删除", "快乐王国", "农民", "不可一世", "Bye-Bye"]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzk5NzQz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200605205308868.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzk5NzQz,size_16,color_FFFFFF,t_70
[20200605210616235.png]: https://img-blog.csdnimg.cn/20200605210616235.png
[20200605210638955.png]: https://img-blog.csdnimg.cn/20200605210638955.png
[20200605210648896.png]: https://img-blog.csdnimg.cn/20200605210648896.png
[20200605205758303.png]: https://img-blog.csdnimg.cn/20200605205758303.png
[20200605210832759.png]: https://img-blog.csdnimg.cn/20200605210832759.png