文章目录
一、ES5的严格模式
对代码的语法规范进行约束,严格模式也是语言发展的必经之路
-
不可以省略var关键字声明变量
"use strict" //在代码最前面设置,表示打开严格模式 a = 10 console.log(a) // a is not defined
-
函数的参数不可以同名
function fn(a,a){ console.log(a,a) } fn(1,2)
-
this的指向问题
//this指向 默认是指向全局的window function fn(){ console.log(this) //在严格模式下this指向undefined } fn()
二、ES5的字符串特点
-
字符串的创建方式
// 1. 声明式 var str = "" // 2. 构造函数 var str = new String('')
-
字符串的比较
ASCII码表转换
// 第一种情况:字母和数字 console.log("a">"1") // 第二种情况:小写和大写 console.log("a">"b") // 第三种情况:字母和字母 console.log("z">"a") // 第四种情况:数字和数字 console.log("3">"10") // true 两个字符串进行比较的时候,是逐字符进行比较
通过ASCII码表,我们可以得出一些字符串比较的规律
- 字母比数字大
- 小写字母比大写字母大(大写65,小写97)
- 字母越靠后越大
-
中文汉字的比较
万国码表 - unicode
-
字符串的基本操作
// 1. 字符串也可以通过下标获取字符 var str = '你好' console.log(str[1]);//好 // 2. 字符串是只读数据类型,不能添加新字符,不能修改也不能删除其中的某个字符 var str = '你好' str[0] = '不' console.log(str);//你好
三、字符串的方法使用
1. charAt / charCodeAt / fromCharCode / toLowerCase / toUpperCase
// 1. charAt(下标) 通过下标获取到相应字符
var str = "abc123"
var res = str.charAt(0)
console.log(res) //a
// 2. charCodeAt(下标) 通过下标获取到相应的字符的ASCII
var str = '12345'
var res = str.charCodeAt(1) // 2
console.log(res) // 50 (2的ASCII)
// 3. String.fromCharCode(ASCII) 通过ASCII获取字符
console.log(fromcharCode(97)) // a
// 4. toLowerCase() 转换为小写
console.log("HELLO",toLowerCase()) //hello
console.log("hello",toUpperCase()) //HELLO
2. indexOf / lastIndexOf / concat
// 1. indexOf() 字符串出现的第一次位置
// 2. lastIndexOf() 字符串出现的最后一次位置
var str = '123321'
var res1 = str.indexOf('1')
var res2 = str.lastIndexOf('1')
console.log(res1,res2) // 0 5
//3. concat字符串的拼接:字符串.concat(被拼接的字符串)
var str = 'aa'
var res = str.concat('bb')
console.log(res) //aabb
3. split / slice
split字符串的分割
-
语法:str.split(“分割符号”)
-
用法:将字符串分割为很多段,返回一个新的数组
-
注意:
-
小括号内如果什么都没有的时候,完整输出为数组
- 小括号内如果有引号
- 没有分割符号的时候,全部分割组成一个新的数组
- 有分割符号但这个分割符号不在字符串中,字符串就会完整输出为数组
-
还可以在分割符号后面使用一个数字类型,表示保留几个数据
-
var str = "hello world"
var res = str.split(" ")
console.log(res) //['hello','world']
var res1 = str.split()
console.log(res1) //['hello world']
var res2 = str.split("")
consoloe.log(res2) //['h','e','l','l',...]
var res3 = str.split("?")
console.log(res3) //['hello world']
var res4 = str.split("",3)
console.log(res4) //['h','e','l']
slice 字符串截取方法
-
语法:字符串.slice(开始下标,结束下标)
-
特点:
- 包含开始下标,不包含结束下标 => [ )
- 第二个参数可以不写,表示选中从开始下标后面的所有字符
- 两个参数可以为负数:第一个参数要小于第二个参数,如果大于会返回空值
var str = 'aabb' var res = str.slice(0,2) console.log(res)//aa
4. substr / substring
substr 截取字符串
1. 语法:字符串.substr(开始的下标,截取的个数)
2. 包含开始下标,截取字符的个数
3. 第二个参数可以省略,表示从开始下标后面所有都会被选中
var str = 'aabb'
var res = str.substr(2)
console.log(res)//bb
substring 截取字符串
-
语法:substring(开始下标,结束下标)
-
特点
- 包含开始下标,不包含开始下标 => [ )
- 第二个参数可以不写,表示从开始下标到后面所有的都被选中截取下来
- 当开始下标等于结束下标的时候会输出空
- 当开始下标大于结束下标的时候,两个参数会进行互换位置再截取
- 当下标为负数的时候,默认会转换为0,再进行截取
var str = 'abab' var res = str.substring(-2,2) console.log(res)//ab
5. trimStart / trimEnd / trim
截取字符串 开始 / 结束 / 头尾空格
var str = " username "
console.log(str.trimStart())
console.log(str.trimEnd())
console.log(str.trim())