es6数组和箭头函数

数组的知识

1、Array.of()方法:把一组值转换成数组

let arr1 =Array.of(1,2,3);
let arr2 =Array.of('hello','every','你好');
console.log(arr1); //[1, 2, 3]
console.log(arr2); //["hello", "every", "你好"]

2、Array.from()方法: 用于将两类对象转为真正的数组

 let arr = {
        '0': 'a',
        '1': 'b',
        '2': 'c',
        length: 3
    };
    console.log(Array.from(arr)) //["a", "b", "c"]

3、find() 和 findIndex()实例方法
find方法,找出第一个符合条件的数组成员
findIndex方法,返回第一个符合条件的数组成员的位置 需要传入一个匿名函数,函数传入三个参数
value 当前查找的值
index当前查找的数组索引
arr当前数组

let arr =['a','b','c']
    console.log(arr.find(function(value,index,arr){
        return value>'b'
    })) //c 如果找不到显示 undefined
    console.log(arr.findIndex(function(value,index,arr){
        return value>'b'
    })) //2 如果找不到显示 -1

4、fill( )实例方法 :使用给定的值填充到数组 ,接收三个参数(填充的变量,开始填充的位置,填充到的位置)

let arr =['a','b','c'];
console.log(arr.fill('d',1,3)) ;//["a", "d", "d"]
console.log(arr.fill('e',1,5)) ;//["a", "e", "e"]

箭头函数

es6中简化了匿名函数的写法,其中使用箭头函数简化了function的声明。
箭头函数 就是函数的快捷写法 =>
写法如下:

function(){}可以用()=>{}来替代,其中的在箭头函数的()传递参数,若function中只有一个参数则可以去掉箭头函数的(),若funtion中只有return语句则可以去掉箭头函数中的{},例子如下:

//普通写法
function(){

}
functtion(parameter){

}
functtion(parameter1,parameter1){

}
function(parameter1,parameter1){
  return parameter1;
}
//箭头函数
()>{
}
parameter=>{

}
(parameter1,parameter1)=>{

}
(parameter1,parameter1)=>return parameter1

你可能感兴趣的:(es6数组和箭头函数)