es6新增方法详解

1 数组新增方法

Array.of定义数组
Array.from把类数组转化为数组
Fill用某个值替换数组的某一部分
Flat把多维数组转化为一维数组
copyWithIn拿数组的某一部分替换数组的另一部分
Includes判断数组里是否有某一项 返回布尔值
Keys拿到数组的所有键值
Values拿得数组的所有value值
find找到满足条件的第一个值

详解示例:
(1)Array.of (): 定义数组的另一种方法
例:

 {
            //定义数组的另一种方法:Array.of
            let arr=Array.of(1,2,3,"a","b");
            console.log(arr);

        }

(2)Array.from():把类数组转化为数组
例:

 var obj={
            2:"aa",
            3:"bb",
            length:5
        }        
        var arr1=Array.from(obj);//把类数组转化为数组
        console.log(arr1)   arr1=[undefined,undefined,"aa","bb",undefined];

(3)fill():填充替换数组
该函数有三个参数。

arr.fill(value, start, end)

value:填充值。
start:填充起始位置,可以省略。
end:填充结束位置,可以省略,实际结束位置是end-1。
例:

 {
            let arr=[1,2,3,4];
           console.log( arr.fill(0,1,2))
           arr=[1,0,3,4]
        }

(4)find():找到满足条件的第一个值
例:

 var arr=[1,2,3,4,5]
var res= arr.find(item=>{
       return item>3 
    })
    // 找到满足条件的第一个值 跟some的却别:some返回的是布尔值
    console.log(res);    res=4;

    {
        let arr=[{id:1,name:"小丽"},{id:2,name:"小明",num:3}];
        let res=arr.find(item=>{
            return item.id==2;
        })
        console.log(res); res={id:2,name:"小明",num:3}
        if(res){
            console.log("存在")      存在
        }

        let res2=arr.findIndex(item=>{
            return item.id==2
        })
        console.log(res2);  res2=1;
    }

find,findIndex和some的区别:
some() find() findIndex() 都是找某个东西在数组结构中存不存在
这几种可以查找复杂的数据类型

findsome
find返回符合条件的数据some返回布尔值

findIndex() 返回符合条件数据的下标
indexOf()也是查找 但是只能查找简单的数据类型

(5)values() keys():拿到数组的键值和value值
只能在循环里用
例:

   var arr=[1,2,3,4,5]
  {
            let arr=[3,4,5];
            console.log(arr.values().next())
            console.log({value:3,done:false})
        }

2 字符串新增方法

startsWith判断字符串是否以谁开头
endsWith判断字符串是否以谁结尾
repeat重复字符串
padStart头部补全
includes查找参数字符是否存在 返回布尔值
padEnd尾部补全

详解:
(1)padStart():在字符串前补全
两个参数: 第一个参数是补全之后字符串的长度,第二个参数是要拿什么去补
例:

  let num="1";
        num=num.padStart(2,"0");
        // 第一个参数是补全之后字符串的长度,第二个参数是要拿什么去补
        console.log(num); 
         // 在字符串前补0
        //num=01

(2)padEnd():在字符串尾部补全
两个参数: 第一个参数是补全之后字符串的长度,第二个参数是要拿什么去补
例:

  let num="1";
        num=num.padEnd(2,"0");
        // 第一个参数是补全之后字符串的长度,第二个参数是要拿什么去补
        console.log(num); 
         // 在字符串尾部补0
       //num=10

(3) repeat():重复字符串
例:

  let str="hello";
        console.log(str.repeat(3));
       //str=hellohellohello;

(4) includes():查找参数字符是否存在 返回布尔值
例:

let str="hello";
 console.log(str.includes("h"));
 //true

(5) includes() startswith() endswith() :
都有两个参数 第一个是查询的字符 第二个是开始查询的位置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值