ES6新特性
字符串新方法
1. 变量名.includes( '字符' ) 判断字符串中是否包含某字符
var x = 'abcdefg'
console.log(x.includes('a'))
console.log(x.includes('z'))
--------结果-------
true
false
2.变量名.trim( ) 返回新的字符串 去除头尾空格
var x = ' abcdefg '
console.log(x.trim())
-------结果------
abcdefg
3.变量名.startsWith( ' 字符 ') 返回布尔 判断字符串是否以 字符开头
var x = 'abcdefg'
console.log(x.startsWith('a'))
console.log(x.startsWith('b'))
--------结果为--------
true
false
4.变量名.endsWith( ' 字符 ') 返回布尔 判断字符串是否以 字符结尾
var x = 'abcdefg'
console.log(x.endsWith('g'))
console.log(x.endsWith('z'))
----------结果为------
true
false
5.变量名.repeat( n ) 返回变量名的重复n次
var x = 'abcd'
var y =x.repeat(3)
console.log(y)
---------结果为------
abcdabcdabcd
6.变量名.padStart(n1,‘*’) 用 * 将长度补足到 n1 在字符串前填充 并返回
var x = 'abcd'
var y = x.padStart(10,'*')
console.log(y)
-------结果-------
******abcd
7.变量名.padEnd(n1,‘*’) 用 * 将长度补足到 n1 在字符串后填充 并返回
var x = 'abcd'
var y = x.padEnd(10,'*')
console.log(y)
-------开始-------
abcd******
8. `${}` 模板字符串 在`` 内的内容将被识别为字符串格式 但在${}中的部分将会先被执行
var x = 123
console.log(`abcd${x}ef`)
------结果为--------
abcd123ef
var x = 123
var y = `aaa${x}aaa`
console.log(y)
-----结果为-----
aaa123aaa
数组新方法
1 数组名.forEach() 括号内填回调函数,回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换
var x = [1,2,3,4,5,3]
x.forEach(function(value,index,arr){
console.log(value , index,arr)
})
---------结果为---------
1 0 (6) [1, 2, 3, 4, 5, 3]
2 1 (6) [1, 2, 3, 4, 5, 3]
3 2 (6) [1, 2, 3, 4, 5, 3]
4 3 (6) [1, 2, 3, 4, 5, 3]
5 4 (6) [1, 2, 3, 4, 5, 3]
3 5 (6) [1, 2, 3, 4, 5, 3]
2.数组名.map() 以现有数组建出新的数组 括号内填回调函数,回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换 并根据 回调函数返回新的数组
var x = [1,2,3,4,5,3]
var y =x.map(function(value,index,arr){
return value*2
})
var z =x.map(function(value,index,arr){
return index*2
})
console.log(y)
console.log(z)
--------结果为--------
(6) [2, 4, 6, 8, 10, 6]
(6) [0, 2, 4, 6, 8, 10]
3.数组名.filter() 以现有数组过滤出新的数组 括号内填回调函数,回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换 并根据 回调函数return 后的真假返回新的数组
var x = [1,2,3,4,5,3]
var y =x.filter(function(value,index,arr){
return value>2
})
console.log(y)
----------结果为-------
(4) [3, 4, 5, 3]
4.数组名.reduce() 数组累计 括号内填回调函数, 回调函数的第一个参数为 上次return出来的值 , 第二个参数为 数组的下一位 并在所有值使用完之后 将值返回出来
var arr = [1,2,3,4,5,6,7]
var x = arr.reduce(function(a,b){
return a+b
})
console.log(x)
-------结果为---
28
5.数组名.some() 括号内填回调函数, 检测数组是否含有指定条件 此方法会遍历整个数组 return 后只要有一个为真 则 整个函数为真 回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换
var arr = [1,2,3,4,5,6,7]
var x = arr.some(function(value,index,arr){
return value>5
})
var y = arr.some(function(value,index,arr){
return value>7
})
console.log(x)
console.log(y)
----------结果为-------
true
false
6.数组名.every() 括号内填回调函数, 检测数组是否含有指定条件 此方法会遍历整个数组 return 后需要全部为真结果才为真 回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换
var arr = [1,2,3,4,5,6,7]
var x = arr.every(function(value,index,arr){
return value>0
})
var y = arr.every(function(value,index,arr){
return value>1
})
console.log(x)
console.log(y)
-------结果为---------
true
false
7.数组名.includes() 查找此数组是否包含括号内的值 返回布尔值
var arr = [1,2,3,4,5,6,7]
var x = arr.includes(1)
var y = arr.includes(5)
var z = arr.includes(9)
console.log(x)
console.log(y)
console.log(z)
-----结果为------
true
true
false
8.数组名.find() 括号内填回调函数 查找第一个符合条件的值 并返回 回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换
var arr = [1,2,3,4,5,6,7]
var x = arr.find(function(value,index,arr){
return value>3
})
var y = arr.find(function(value,index,arr){
return index>4
})
console.log(x)
console.log(y)
------结果为------
4
6
9.数组名.findIndex() 括号内填回调函数 查找第一个符合条件的索引 并返回 回调函数默认有三个形参 分别为 value/值 index/索引 arr/数组本身 且顺序不可调换
var arr = [1,2,3,4,5,6,7]
var x = arr.findIndex(function(value,index,arr){
return value>3
})
var y = arr.findIndex(function(value,index,arr){
return index>4
})
console.log(x)
console.log(y)
-------结果为-------
3 //此为索引的值
5 //此为索引的值
10.数组名.fill( ‘内容’ , ‘起始索引’ , ‘结束索引’ ) 用 内容 填充数组 从起始索引 到结束索引 (起始索引 和 结束索引 均为可选项)
var arr=[1,2,3,4,5,6,7,8,9]
arr.fill('x',2,6)
console.log(arr)
------结果为------
[1,2,'x','x','x','x',7,8,9]
--------------------------------------=============================================未完待续=====================-----------------------