JS基本数据类型和引用数据类型

JavaScript07

JS基本数据类型和引用数据类型,第1张

基本数据类型（按值访问）：Undefined 、 Null 、 Boolean 、 Number 和 String

引用数据类型（按引用访问）：object、Array、function

typeof（检测基本数据类型时 typeof 是非常得力的助手）可以返回以下6种类型：undefined  、 boolean 、 number 、string、object（对象和null都是object类型）、function

instanceof（用于检测引用类型）：所有引用类型的值都是 Object 的实例，person（引用类型值） instanceof Object永远都是true。

要知道是什么类型的对象，使用instanceof 操作符接上想要判断的类型，例如colors instanceof Array。

基本数据类型复制：复制的是该变量的副本，这两个变量可以参与任何操作而不会相互影响

引用数据类型复制：复制的是该变量的指针，该指针指向存储在堆中的一个对象。复制操作结束后，两个变量实际上将引用同一个对象。因此，改变其中一个变量，就会影响另一 个变量

传参：基本类型和引用类型全部是按值传递，相当于把参数复制一份给到function的局部变量

为了便于操作基本类型值，ECMAScript 还提供了 3 个特殊的引用类型： Boolean 、 Number 和

String 。

Number 类型重写了 valueOf() 、 toLocaleString() 和 toString()方法。除了继承的方法之外， Number 类型还提供了一些用于将数值格式化为字符串的方法。 toFixed() 方法会按照指定的小数位返回数值的字符串表示。

String 对象的方法也可以在所有基本的字符串值中访问到。其中，继承的 valueOf() 、 toLocale-String() 和 toString() 方法，都返回对象所表示的基本字符串值。String 类型的每个实例都有一个 length 属性。

字符方法：两个用于访问字符串中特定字符的方法是： charAt() 和 charCodeAt() 。

var stringValue = "hello world"

alert(stringValue.charAt(1))//"e"

alert(stringValue.charCodeAt(1))// 输出"101"，小写字母 "e" 的字符编码

字符串操作方法

1、concat:拼接字符串，可接收任意多字符串，不改变原字符串值，虽然 concat() 是专门用来拼接字符串的方法，但实践中使用更多的还是加号操作符（+）。

var stringValue = "hello "

var result = stringValue.concat("world", "!")

alert(result)//"hello world!"

alert(stringValue)//"hello"

2、三个基于子字符串创建新字符串的方法： slice() 、 substr() 和 substring() 。都接收1或2个参数。

slice() 、substring()在接收正数参数时，第一个参数是字符串截取的起始位置，第二个是字符串结束位置。

substr()在接收正数参数时，第一个参数同上，第二个参数是截取长度。

当第一个参数为负数的时候，slice()和substr()按照参数+字符串长度结果来截取；substring()将负参数转换为0；

当第二个参数为负数的时候，slice()按照参数+字符串长度结果来截取；substr()和substring()将负参数转换为0；

3、字符串位置方法：有两个可以从字符串中查找子字符串的方法： indexOf() 和 lastIndexOf()

4、trim()：删除字符串前后空格，不改变原字符串值

5、字符串大小写转换方法

字符串大小写转换的方法有 4 个： toLowerCase() 、 toLocaleLowerCase() 、 toUpperCase() 和toLocaleUpperCase() 。

6、字符串的模式匹配方法

match() 方法只接受一个参数，要么是一个正则表达式，要么是一个 RegExp 对象。返回数组。

search()参数同上。返回要查找的在字符串中第一次出现的位置。

字符串替换：var result = text.replace("at", "ond")

7、localeCompare() 方法

var stringValue = "yellow"

alert(stringValue.localeCompare("brick"))//1

在前面返回1，同样位置返回0，在后面返回-1

在JS的学习与工作中，搞清楚相关数据类型是基础中的基础，平均一百家公司面试前端工程师的时候九十九家都会问，请你简单举例一下JS的数据类型，于是菜狗我就将对此进行一些自己粗浅的总结为自己留作笔记同时为各位想要学习的同学提供小小的帮助。

首先，我们要明白，在JS中，数据类型分为一下两种：

基础数据类型分为七种

①Number 数字型 （包含所有的整数，浮点数，负数等）

②String 字符串型 （包含任意文本）

③boolean 布尔型 （仅有两种类型，ture与false）

④Undefined 未定义 （仅有一种，undefined）

⑤Null 空/不存在 （仅有一种，null）

⑥Symbol （实现唯一标识）

对此进行简单的举例

⑦BigInt(任意精度整数)（将与ES10中出现）

对此数据类型存在进行简单解释

BigInt 通过数字加n的方法来表示，支持二进制，八进制，十六进制

以下写法结果均为转换为字符串后得而结果，BigInt类型转换字符串后不会再带着n

Ⅰ.通常写法

Ⅱ .十六进制

Ⅲ.八进制（注意区分数字0与字母o）

Ⅳ. 二进制

引用数据类型共有三种

①Array类型 （数组型）

②Object类型 （对象型）

③Function类型 （函数/方法）

以上就是十种JS中的数据类型，如有错误，欢迎指正。

如果本文能帮到你，那么菜狗很开心，大家一起 加油！