美文网首页
ES6中新增的数组知识

ES6中新增的数组知识

作者: 阳光之城alt | 来源:发表于2018-08-11 09:02 被阅读0次
    image.png
    let  json = {
        '0': 'xkk',
        '1': '术',
        '2': '开心',
        length:3
    }
     
    let arr=Array.from(json);
    console.log(arr)
    
    // Array.of()方法:它负责把一堆文本或者变量转换成数组。
    let arr =Array.of(3,4,5,6);
    console.log(arr);
    let arrq =Array.of('xkk','xkk','开心');
    console.log(arrq);
    
    // find( )实例方法:
    //    value:表示当前查找的值。
    //    index:表示当前查找的数组索引。
    //    arr:表示当前数组。
    
    let arr=[1,2,3,4,5,6,7,8,9];
    console.log(arr.find(function(value,index,arr){
        if(value>5){
            console.log(value)
        }
    }))
    
    // fill( )实例方法:
    // 第一个参数是填充的变量,第二个是开始填充的位置,第三个是填充到的位置。
    let arr1=[0,1,2,3,4,5,6,7,8,9];
    arr1.fill('jspang',2,5);
    console.log(arr1);
    
    // 数组的遍历
    let arr=['xkk','xkk','开心']
     
    for (let item of arr){
        console.log(item);
    }
    
    // 同时输出数组的内容和索引:我们用entries()这个实例方法,
    // 配合我们的for…of循环就可以同时输出内容和索引了。
    let arr2=['xkk','xkk','开心']
    for (let [index,val] of arr2.entries()){
        console.log(index+':'+val);
    }
    
    // entries()实例方式生成的是Iterator形式的数组,
    // 那这种形式的好处就是可以让我们在需要时用next()手动跳转到下一个值
    let arr3=['xkk','xkk','开心']
    let list=arr3.entries();
    console.log(list.next().value);
    console.log(list.next().value);
    console.log(list.next().value);
    
    
    // 对象的函数解构
    
    let json = {
        a:'jspang',
        b:'技术胖'
    }
    function fun({a,b='jspang'}){
        console.log(a,b);
    }
    fun(json);
    
    // in的用法是用来判断对象或者数组中是否存在某个值的。
    let obj={
        a:'jspang',
        b:'技术胖'
    }
    console.log('a' in obj);  //true
    //数组的函数解构
    let arr9 = ['xkk','xkk','开心'];
    function fun(a,b,c){
        console.log(a,b,c);
    }
     
    fun(...arr9);
    
    
    
    let arr=[,,,,,];
    console.log(arr.length); //5
    
    let arr1=[,,,,,];
    console.log(0 in arr1); //false
     
    let arr2=['xkk','xkk','开心'];
    console.log(0 in arr2);  // true
    
    // 数组的遍历方法forEach
    
    let arr3=['xkk','xkk','开心'];
     
    arr3.forEach((val,index)=>console.log(index,val));
    
    //filter 过滤
    let arr4=['xkk','xkk','开心'];
     
    arr4.filter(x=>console.log(x));
    
    // 3.some
    
    let arr5=['xkk','xkk','开心'];
    arr5.some(x=>console.log(x));
    
    //4map
    let arr6=['xkk','xkk','开心'];
    console.log(arr6.map(x=>'web'));
    
    // 5数组转换字符串  join()方法  toString()方
    let arr7=['xkk','xkk','开心'];
    console.log(arr7.join('|'));
    
    let arr8=['xkk','xkk','开心'];
    console.log(arr8.toString());
    
    

    相关文章

      网友评论

          本文标题:ES6中新增的数组知识

          本文链接:https://www.haomeiwen.com/subject/wjvrbftx.html