JavaScript笔记 (4.JavaScript基本数据类型)

本文最后更新于:6 个月前

基本数据类型

JS中一共分成六种数据类型

  • String 字符串
  • Number 数值
  • Boolean 布尔值
  • Null 空值
  • Undefined 未定义
  • Object 对象
    其中String Number Boolean Null Undefined属于基本数据类型,而Object属于引用数据类型

字符串

JS中的字符串需要使用引号引起来双引号或单引号都行

  • 在JS中字符串需要使用引号引起来
  • 使用双引号或单引号都可以,但是不要混着用
  • 引号不能嵌套,双引号里不能放双引号,单引号不能放单引号

在字符串中使用\作为转义字符
' ==> ‘
" ==> “
\n ==> 换行
\t ==> 制表符
\ ==> \

用typeof运算符检查字符串时,会返回”string”

字符串拓展

在底层字符串是以字符数组的形式保存的:[“H”,”e”,”l”]这样
一些方法和数组类似:

length属性

可以用来获取字符串的长度

1
console.log(str.length);
charAt()
1
2
3
4
5
6
7
8
/*
* charAt()
* - 可以返回字符串中指定位置的字符
* - 根据索引获取指定的字符
*/
str = "中Hello Atguigu";

var result = str.charAt(6);
charCodeAt()
1
2
3
4
5
/*
* charCodeAt()
* - 获取指定位置字符的字符编码(Unicode编码)
*/
result = str.charCodeAt(0);
fromCharCode(0x2692)
1
2
3
4
5
6
/*
* String.formCharCode()
* - 可以根据字符编码去获取字符,这是一个构造函数的方法
*/
result = String.fromCharCode(0x2692);

concat()
1
2
3
4
5
6
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用和+一样
*/
result = str.concat("你好","再见");
indexof()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/*
* indexof()
* - 该方法可以检索一个字符串中是否含有指定内容
* - 如果字符串中含有该内容,则会返回其第一次出现的索引
* 如果没有找到指定的内容,则返回-1
* - 可以指定一个第二个参数,指定开始查找的位置
*
* lastIndexOf();
* - 该方法的用法和indexOf()一样,
* 不同的是indexOf是从前往后找,
* 而lastIndexOf是从后往前找
* - 也可以指定开始查找的位置
*/

str = "hello hatguigu";

result = str.indexOf("h",1);

result = str.lastIndexOf("h",5);

slice()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*
* slice()
* - 可以从字符串中截取指定的内容
* - 不会影响原字符串,而是将截取到内容返回
* - 参数:
* 第一个,开始位置的索引(包括开始位置)
* 第二个,结束位置的索引(不包括结束位置)
* - 如果省略第二个参数,则会截取到后边所有的
* - 也可以传递一个负数作为参数,负数的话将会从后边计算
*/
str = "abcdefghijk";

result = str.slice(1,4);
result = str.slice(1,-1);
substring()
1
2
3
4
5
6
7
8
9
10
11
12
13
/*
* substring()
* - 可以用来截取一个字符串,可以slice()类似
* - 参数:
* - 第一个:开始截取位置的索引(包括开始位置)
* - 第二个:结束位置的索引(不包括结束位置)
* - 不同的是这个方法不能接受负值作为参数,
* 如果传递了一个负值,则默认使用0
* - 而且他还自动调整参数的位置,如果第二个参数小于第一个,则自动交换
*/

result = str.substring(0,1);

substr()
1
2
3
4
5
6
7
8
9
10
11
/*
* substr()
* - 用来截取字符串
* - 参数:
* 1.截取开始位置的索引
* 2.截取的长度
*/

str = "abcdefg";

result = str.substr(3,2);
split()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 参数:
* -需要一个字符串作为参数,将会根据该字符串去拆分数组
*/
str = "abcbcdefghij";

result = str.split("d");
/*
* 如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个元素
*/
result = str.split("");

//console.log(Array.isArray(result));
//console.log(result[0]);
console.log(result);


str = "abcdefg";
toUpperCase()
1
2
3
4
5
6
7
/*
* toUpperCase()
* - 将一个字符串转换为大写并返回
*/
result = str.toUpperCase();

str = "ABCDEFG";
toLowerCase()
1
2
3
4
5
/*
* toLowerCase()
* -将一个字符串转换为小写并返回
*/
result = str.toLowerCase();

Number 数值

  • JS中所有的整数和浮点数都是Number类型
  • JS中可以表示的数字的最大(小)值
    Number.MAX_VALUE
    1.7976931348623157e+308

Number.MIN_VALUE 大于0的最小值
5e-324
如果使用Number表示的数字超过了最大值,则会返回一个无穷值

  • 特殊的数字
    Infinity 正无穷(字面量)
    -Infinity 负无穷
    使用typeof检查Infinity也会返回number
    NaN 非法数字(Not A Number)

  • 精度
    在JS中整数的运算基本可以保证精确
    如果使用JS进行浮点运算,可能得到一个不精确的结果(浮点数不能精确储存)
    所以千万不要使用JS进行对精确度要求比较高的运算

  • 其他进制的数字的表示:
    0b 开头表示二进制,但是不是所有的浏览器都支持
    0 开头表示八进制
    0x 开头表示十六进制

在进制转换时
像”070”这种字符串,有些浏览器会当成8进制解析,有些会当成10进制解析
可以在parseInt()中传递一个第二个参数,来指定数字的进制

1
2
//可以在parseInt()中传递一个第二个参数,来指定数字的进制
a = parseInt(a,10);
  • 使用typeof检查一个Number类型的数据时,会返回”number”
    (包括NaN 和 Infinity)

Boolean 布尔值

布尔值只有两个,主要用来做逻辑判断
true
- 表示真
false
- 表示假

使用typeof检查一个布尔值时,会返回boolean

Null

Null(空值)类型的值只有一个,就是null
null这个值专门用来表示一个为空的对象
使用typeof检查一个null值时,会返回object

Undefined

Undefined(未定义)类型的值只有一个,就undefined
当声明一个变量,但是并不给变量赋值时,它的值就是undefined
使用typeof检查一个undefined时也会返回undefined


JavaScript笔记 (4.JavaScript基本数据类型)
https://www.duruofu.xyz/2023/06/05/3.软件相关/编程语言/JS/2.5基本数据类型/
作者
DuRuofu
发布于
2023年6月5日
更新于
2024年1月5日
许可协议