介绍
本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记
包装类
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
1、基本数据类型
String Number Boolean Null Undefined
引用数据类型
Object
在JS中为我们提供了三个包装类,通过这三个包装类可以将基本数据类型
转换成对象
-String()
-可以将基本数据类型的数字转换为Number对象
-Number()
-可以将基本数据类型的数字转换为Number对象
-Boolean()
-可以将基本数据类型的布尔值转换为Boolean对象
在实际应用中,不会使用基本数据类型对象
如果使用基本数据类型对象,在做一些比较时,会带来不可预期的问题
var a=123;
// 创建一个Number类型的对象
var num = new Number(3);
var str = new String('hello');
var bool = new Boolean(true);
console.log(typeof str);
// 向num中添加一个属性
num.hello="abcdefg";
console.log(num.hello);
2、方法和属性只能添加给对象,不能添加给基本数据类型
当我们对一些基本数据类型的值去调用属性和方法时,
浏览器会临时使用包装类将其转换为对象,然后再调用对象的属性和方法
调用完以后,在将其转换为基本数据类型
var s=123;
s=s.toString();
</script>
</head>
<body>
</body>
字符串方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var str ="Hello Atguigu";
1、在底层字符串是以字符串数组的形式保存的
['h','e'...]
console.log(str.length)//输出长度13
2、charAt() 返回字符长指定位置的字符
- 根据索引获取指定的字符
// 如下,效果相同
console.log(str[0])
console.log(str.charAt(0))
3、charCodeAt()
- 返回指定索引字符编码
result=str.charCodeAt(1)
4、String.fromCharCode()
- 可以根据字符编码获取字符
result=String.fromCharCode(73);
console.log(result)
5、 concat()
-可以用来连接连个或多个字符串
- 作用和 + 一样
var result=str.concat('你好','再见');
console.log(result);
6、indexof()
- 该方法可以检索一个字符串中是否有指定内容
- 如果字符串中含有该内容,则会返回其第一次出现的索引
如果没有找到指定内容,则返回-1
- 可以指定第二个参数,指定开始查找的位置
7、lastIndexOf()
- 该方法的用法和indexOf 一样,
不同的是lastIndexOf是从后往前找
也可以指定开始查找的位置
str ="hello atguigu";
result=str.indexOf('h');
console.log()
8、slice()
- 可以从字符串中截取指定内容
不会影响到原数组,而是将截取的内容返回
- 参数:
第一个,开始位置的索引(包括开始位置)
第二个,结束位置的索引(不包括结束位置)
- 如果省略第二个参数,则会截取到后边所有
- 也可以传递一个负数作为参数,负数的话将会从后边计算
str = "abcdefghij";
str.slice(0,2);
9、substring()
-可以用来截取字符串,可以slice()类似
-参数:
- 第一个,开始截取位置的索引(包括开始位置)
- 第二个,结束位置的索引(不包括结束位置)
- 和slice() 不同的是
这个方法不能接受负值作为参数,如果传递了一个负值,
则默认使用0.
而且它会自动调整参数的位置,如果第二个参数小于第一个,则自动
交换
10、substr()
-用来截取字符串
-参数:
- 第一个为截取开始位置的索引
- 第二个截取的长度
11、split()
- 将字符串拆分成数组
- 参数:
需要一个字符长作为参数,将会根据该字符串去拆分数组
str= "abc,bcd,efg,hig";
result =str.split(",");
</script>
</head>
<body>
</body>