ES6新特性小结，es6字符串 数组新方法 es6 新方法有哪些 es6小结 讲解详情数组each mpa filter reduce数组遍历 映射 过滤累计

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]

 --------------------------------------=============================================未完待续=====================-----------------------