ES5/String
严格模式(了解)
- 我们都知道
js
是一个相对不很严谨的语言 - 而且开发的时候,一些代码也不是很严格要求
- 而严格模式就是对开发的时候写的一些内容做了要求
开启严格模式
-
想开启严格模式,直接在代码最开始的位置写上字符串
use strict
<script> 'use strict' // 下面代码书写就要按照严格模式来书写 </script>
严格模式的规则
-
声明变量必须有
var
关键字'use strict' var num = 100 num2 = 200 // 这个就会报错
- 之前了解过,在声明变量的时候,如果没有
var
关键字,那么按照作用域的规则会自动定义成全局变量 - 严格模式下不可以,会报错
- 之前了解过,在声明变量的时候,如果没有
-
函数的行参不可以重复
'use strict' function fn(p1, p1) {} // 直接就会报错
- 在非严格模式下,函数两个行参一样,是不会报错的,只不过就是相当于在函数内部只有一个变量了
- 但是在严格模式下会报错
-
声明式函数调用的时候函数内部没有 this
'use strict' function fn() { console.log(this) // undefined } fn()
- 本身,全局声明式函数在调用的时候,函数内部的
this
是指向window
的 - 在严格模式下,是没有
this
的
- 本身,全局声明式函数在调用的时候,函数内部的
ES5 中常见的数组常用方法
- 之前我们讲过的数组常用方法都是
ES3
的方法 - 今天来说一些
ES5
中的方法
indexOf
-
indexOf
用来找到数组中某一项的索引 -
语法:
indexOf(你要找的数组中的项)
var arr = [1, 2, 3, 4, 5] // 使用 indexOf 超找数组中的某一项 var index = arr.indexOf(3) console.log(index) // 2
- 我们要找的是数组中值为 3 的那一项
- 返回的就是值为 3 的那一项在该数组中的索引
-
如果你要找的内容在数组中没有,那么就会返回 -1
var arr = [1, 2, 3, 4, 5] // 使用 indexOf 超找数组中的某一项 var index = arr.indexOf(10) console.log(index) // -1
- 你要找的值在数组中不存在,那么就会返回 -1
forEach
-
和
for
循环一个作用,就是用来遍历数组的 -
语法:
arr.forEach(function (item, index, arr) {})
var arr = [1, 2, 3] // 使用 forEach 遍历数组 arr.forEach(function (item, index, arr) { // item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 console.log('数组的第 ' + index + ' 项的值是 ' + item + ',原始数组是', arr) })
forEach()
的时候传递的那个函数,会根据数组的长度执行- 数组的长度是多少,这个函数就会执行多少回
map
-
和
forEach
类似,只不过可以对数组中的每一项进行操作,返回一个新的数组var arr = [1, 2, 3] // 使用 map 遍历数组 var newArr = arr.map(function (item, index, arr) { // item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item + 10 }) console.log(newArr) // [11, 12, 13]
filter
-
和
map
的使用方式类似,按照我们的条件来筛选数组 -
把原始数组中满足条件的筛选出来,组成一个新的数组返回
var arr = [1, 2, 3]// 使用 filter 过滤数组var newArr = arr.filter(function (item, index, arr) { // item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item > 1})console.log(newArr) // [2, 3]
- 我们设置的条件就是
> 1
- 返回的新数组就会是原始数组中所有
> 1
的项
every 判断 是否数组所有的元素都满足条件
let flag = arr.every(function(item,index,arr){ return 条件 }) let res4 = arr4.every(function (v) { return v >= 18 }) console.log(res4);
some 判断是否数组有一些元素满足条件
- 我们设置的条件就是
let flag = arr.some(function(item,index,arr){ return 条件 }) let res5 = arr4.some(function (v) { return v >= 18 }) console.log(res5);//true
find 查找数组中第一个满足条件的元素
var arr6 = [10, 19, 17, 20]; let res6 = arr6.find(function (v, i) { return v === 19 }) console.log(res6); var arr7 = [{ id: 1, name: 'zs' }, { id: 2, name: 'lisi' }]; var obj = arr7.find(function (v) { return v.id == 2 }) console.log(obj); console.log(obj.name);
findIndex查找数组中第一个满足条件的元素的下标
var res7 = arr7.findIndex(function (v) { return v.id == 2 }) console.log(res7);
reduce
let res8 = arr8.reduce(function (a, b) { console.log(a, b); //a 第一次是 数组中第一个元素 //10+19 =29 // 然后几次 就是前面 数字的和 //a = 29 // b 17 return a + b; }) console.log(res8); let res9 = arr8.reduce(function (a, b) { console.log(a, b); //a 是累积变量 ,1000就是累积变量的初始值 // b 是数组的元素 return a + b; }, 1000) console.log(res9);
创建字符串(了解)
-
我们创建字符串也分为两种方法 字面量 和 构造函数
-
字面量:
var str = 'hello'
-
构造函数创建
var str = new String('hello')
ASCII 字符集(了解)
-
我们都知道,计算机只能存储
0101010
这样的二进制数字 -
那么我们的
a ~ z
/A ~ Z
/$
/@
/… 之类的内容也有由二进制数字组成的 -
我们可以简单的理解为,
a ~ z
/A ~ Z
/$
/@
/… 之类的内容都有一个自己的编号,然后在计算机存储的时候,是存储的这些编号,我们看的时候,也是通过这些编号在解析成我们要看到的内容给我们看到[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TkQFz5rE-1634864646248)(D:\学习\stage2\md\png\ASCII控制字符.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7ZOpclAS-1634864646250)(D:\学习\stage2\md\png\ASCII显示字符.png)]
-
上面的就是 ASCII 对照表,我们只需要知道他是这么存储的就好
-
http://ascii.911cha.com/
gbk gb2312
97 a
98 a
unicode 编码
- 我们看到了,
ASCII
只有这128
个字符的编码结构 - 但是因为
ASCII
出现的比较早,而且是美国发明的,早先时候这些内容就够用了 - 因为存储一些英文的内容,传递一些英文的文章什么的都够用了
- 那么对于这个世界来说肯定是不够用的
- 因为我们的汉字没有办法存储,包括一些其他国家的语言也没有办法存储
- 所以就出现了
unicode
编码,也叫(万国码,统一码) unicode
对照表就是一个和ASCII
一样的对照表,只不过变得很大很大,因为存储的内容特别的多- 而且包含了世界上大部分国家的文字,所以我们的文字和字符现在在存储的时候,都是按照
unicode
编码转换成数字进行存储 - 我们的
UTF-8
就是一种8 位的 unicode
字符集
字符串的常用方法
- 我们操作字符串,也有一堆的方法来帮助我们操作
- 字符串和数组有一个一样的地方,也是按照索引来排列的
charAt
-
charAt(索引)
是找到字符串中指定索引位置的内容返回var str = 'Jack'// 使用 charAt 找到字符串中的某一个内容var index = str.charAt(2)console.log(index) // c
- 因为字符串也是按照索引进行排列的,也是同样从 0 开始
- 所以索引 2 的位置就是
c
-
如果没有对应的索引,那么就会返回 空字符串
var str = 'Jack'// 使用 charAt 找到字符串中的某一个内容var index = str.charAt(10)console.log(index) // ''
- 这个字符串根本没有索引 10 的位置
- 所以就会返回一个空字符串
''
charCodeAt
-
charCodeAt(索引)
就是返回对应索引位置的unicode
编码var str = 'Jack'// 使用 charAt 找到字符串中的某一个内容var index = str.charCodeAt(0)console.log(index) // 74
- 因为
J
在unicode
对照表里面存储的是 74,所以就会返回 74
- 因为
indexOf
-
indexOf
就是按照字符找到对应的索引var str = 'Jack'// 使用 indexOf 找到对应的索引var index = str.indexOf('J')console.log(index) // 0
- 因为字符
J
在字符串Jack
中的索引位置是 0 - 所以会返回 0
- 因为字符
substring
-
substring
是用来截取字符串使用的 -
语法:
substring(从哪个索引开始,到哪个索引截止)
,包含开始索引,不包含结束索引var str = 'hello'// 01234// 使用 substring 截取字符串var newStr = str.substring(1, 3)console.log(newStr) // el
- 从索引 1 开始,到索引 3 截止,包含前面的索引不包含后面的索引
- 所以返回的是 el
substr
-
substr
也是用来截取字符串的 -
语法:
substr(从哪个索引开始,截取多少个)
var str = 'hello'// 01234// 使用 substr 截取字符串var newStr = str.substr(1, 3)console.log(newStr) // ell
- 这个方法和
substring
不一样的是,第二个参数是截取多少个 - 从索引 1 开始,截取 3 个,所以得到的是
ell
- 这个方法和
toLowerCase 和 toUpperCase
-
这两个方法分别使用用来给字符串转成 小写字母 和 大写字母 的
var str = hello// 使用 toUpperCase 转换成大写var upper = str.toUpperCase()console.log(upper) // HELLO// 使用 toLowerCase 转换成小写var lower = upper.toLowerCase()console.log(lower) // hello
// 替换 // 使用* 替换 abc 只能替换第一个 // 返回替换后的结果 let res = str.replace('abc', '*') console.log(str); console.log(res); // 把操作的结果 赋值给 str ,字符串就会变化 str = str.replace('abc', '*') console.log(str); // 参数去分割字符串,分割结果是 数组 let resArr = str2.split('-'); console.log(resArr);//["a", "b", "c", "d"]
强化练习
随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么
敏感词过滤
// 比如我要过滤 "SM"var str = 'asdasdSMasdasdasdSMsdasdasdSMsadasd'// 需要结果// asdasd**asdasdasd**sdasdasd**
数字字母混合验证码
已知字符串“a,a,b,c,c,d”,统计每个字符出现的次数,结果显示 a 2、b 1、c 2、d1,去掉重复的字符,使结果显示 abcd