ES5与ES6中的数组方法

目录

ES5:

         数组方法:

ES6:

数组创建:

数组扩展方法:

扩展运算符:  ...


ES5:

数组方法:

  1.    join():该方法不改变原数组
    语法:arr.join(separator)
    
    参数:separator:
         指定一个字符串用来分隔数组的每个元素,
         若指定为空字符串,则分隔的元素之间没有任何字符
    
    返回值:返回一个字符串,(数组所有元素转换成一个单独的字符串,通过指定的分隔符来进行连接为一个字符串)若数组为空数组,那就返回一个空字符串
    
    
        let arr1 = [],
            arr2 = [1,3,5,'ssfs'];
        console.log(arr1.join(""));    // 空字符串
        console.log(arr2.join(""));    // 135ssfs
    
        console.log(arr1.join("_"));  //空字符串
        console.log(arr2.join("s*n"));//1s*n3s*n5s*nssfs
        console.log(arr2.join("-"));  //1-3-5-ssfs
    
    注意:数组元素进行字符串转换时,这几种特例:
         null和undefined会转换为空字符串,对象会转换成[object,Object]
    
        let fn = function(){return 1;},
            arr3 = [{a:1},[2,3],null,undefined,true,false,fn]
        console.log(arr3.join(" "));  //[object Object] 2,3   true false function(){return 1;}
  2.    concat():该方法不改变原数组
    作用:拼接数组
    
            // 拼接:concat() 方法用于合并两个或多个数组,不改原数组,而是返回一个新数组。
    
            let arr5 = ['1',2,3,0], arr6 = [1,'2','3','d'];
            console.log(arr5.concat(arr6));//['1', 2, 3, 0, 1, '2', '3', 'd']
            console.log(arr6.concat(arr5));// [1, '2', '3', 'd', '1', 2, 3, 0]
            console.log(arr5,arr6);// ['1', 2, 3, 0]    [1, '2', '3', 'd']

  3.    pop():该方法会改变原数组
    作用ÿ

你可能感兴趣的:(es6,前端,javascript,html5)