[]
是可选参数的意思<>
是必填参数的意思
数组
数组的增
arr.push()
添加到数组的最后面,会修改原数组,并且返回数组的长度
arr.unshift()
添加到数组的最前面,会修改原数组,并且返回数组的长度
数组的查
arr.filter(function(item,[index],[arr])>,[thisValue])
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
1 | var ages = [32, 33, 16, 40]; |
arr.every()
是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。
arr.some()
是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。
arr.map(function(item,[index],[arr]),[thisValue])
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
arr.find()和arr.findIndex
ES6,此方法返回元素第一个符合条件的值
1 | var ages = [3, 10, 18, 20]; |
arr.includes(str)
检测数据是否包含str
1 | let site = ['runoob', 'google', 'taobao']; |
数组的改
arr.join(str)
将数组转换为字符串,不会修改原字符串,返回一个新的字符串,不传参数默认,
arr.sort(sortfunction)
将数组的元素进行排序,默认是字母排序,使用数字排序时,必须用过一个函数作为参数来调用
字符串数组:
1 | let fruits = ["Banana", "Orange", "Apple", "Mango"]; |
数字数组:
1 | let points = [40,100,1,5,25,10]; |
arr.reverse()
将数组中的元素颠倒排序,会修改原来的数组
arr.concat(str)
将数组与后面的字符串拼接成一个新数组,并且返回新数组,不会修改原数组
1 | let [a,b] = [[1,2,3],[4,5,6]]; |
arr.slice([start],[end])
将数组按照start和end截取字符串,不会修改原数组
1 | var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; |
fill(value,[start],[end])
ES6,此方法将一个数组的值替换成value,从start开始end结束
1 | var fruits = ["Banana", "Orange", "Apple", "Mango"]; |
数组的删
arr.splice(index,[quantity],[item1],[item2],…..)
用于添加或删除数组中的元素
从第index个删除,删除quantity个,会改变原来的数组,并且返回当前被删除的元素
删除:
1 | var fruits = ["Banana", "Orange", "Apple", "Mango"]; |
添加:
1 | var fruits = ["Banana", "Orange", "Apple", "Mango"]; |
arr.pop()
删除数组的最后一个元素并返回,会修改元素组
1 | var fruits = ["Banana", "Orange", "Apple", "Mango"]; |
arr.shift()
删除数组的第一个元素并返回,会修改原数组
1 | var fruits = ["Banana", "Orange", "Apple", "Mango"]; |
Array.from()
ES6的方法,用于将伪数组转换成真数组
1 | const lists = document.getElementsByTagName("li"); |
ES6以前用的方法
1 | const lists = document.getElementsByTagName("li"); |
字符串
字符串的增
concat()
连接两个或多个字符串,返回连接后的字符串
1 | let strArr = ["hello","wrold"]; |
repeat()
ES6:repeat返回一个新字符串,表示原字符串重复n次
1 | 'x'.repeat(3) // "xxx" |
padStart(),padEnd()
ES2017:引入了字符串不全长度的功能,如果某个字符串的不够指定长度,会在头部或者尾部不全
- padStart()用于补全头部
- padEnd()用于补全尾部
1 | x'.padStart(5, 'ab') // 'ababx' |
如果省略第二个参数默认使用空格补全长度
1 | 'x'.padStart(4) // ' x' |
字符串的改x
fromCharCode()
将Unicode转换为字符串
replace()
替换与正则表达式相匹配的值
slice()
提取字符串的片段,并在新的字符串中返回被提取的部分
1 | const sayHello = "hello world"; |
split()
把字符串分割成数组
1 | const sayHello = "hello world"; |
substr()
从起始索引号提取字符串中指定数目的字符
1 | const sayHello = "hello world"; |
toLocaleLowerCase()和toLowerCase()
toLocaleLowerCase:把特定语言把英文转换为小写
toLowerCase:把字符串转换成小写
1 | const sayHello = "HELLO WORLD"; |
toLocaleUpperCase()和toUpperCase
- toLocaleLowerCase:把特定语言把英文转换为大写
- toUpperCase:把字符串转换为大写
1 | const sayHello = "hello world"; |
toString()
返回字符串对象值
valueOf()
返回某个字符串对象的原始值
raw()
ES6为原生的String对象,提供了一个raw()
方法。该方法返回的一个斜杠都被转义
1 | String.raw`Hi\\n` |
trimStart(),trimEnd()
ES2019对字符串实例新增了这两个方法。他们的行为与trim()一致
- trimStart() 返回新的字符串,消除字符串头部的空格
- trimEnd() 返回新的字符串,消除字符串尾部的空格
1 | const s = ' abc '; |
字符串的删
trim()
移除字符串首尾空白
字符串的查
charAt()
返回指定索引位置的字符串
charCodeAt()
返回指定索引位置字符串的Unicode值
indexOf()
返回字符串中检索指定字符第一次出现的位置
lastIndexOf()
返回字符串中检索指定字符最后一次出现的位置
match()
找到一个或多个正则表达式匹配的子串
search()
检索于正则表达式相匹配的值
split(str)
那字符串转换成数组
localeCompare()
用本地特定的顺序来比较两个字符串
includes(),startsWith(),endsWith()
在ES6以前我们可以使用indexOf()
来判断一个字符串是否包含在另一个字符串中。在ES6又提供了三种新方法
- includes() 返回布尔值,表示是否找到了参数字符串
- startsWith() 返回布尔值,表示参数字符串是否在原字符串的头部
- endsWith() 返回布尔值,表示参数字符串是否在原字符串的尾部
1 | let s = 'Hello world!'; |
这三个方法都支持第二个参数,表示开始搜索的位置
1 | let s = 'Hello world!'; |