字符串模板,对象简化写法,参数默认值,数据解构,rest参数,拓展运算符,过滤函数

一. 字符串模板
            
            字符串模板:快速拼接字符串 。
            
                   在`` 反引号里加 变量 ${变量}
            
            例: 
            
                    var x="hello world"        
            
                    console.log(`我们的口号是${x}。`)
            
            二. 对象简化写法
            
                    let user={
                        name:name,
                        age:age,
                        //方法
                        showInfo:function(){
            
                        }
                    }
            
            如果key和value相同,可以直接写成一个。
            
                    let user={
                        name,
                        age,
                        showInfo(){
                            console.log(1)
                        }
            
                    }
                    user.showInfo()
            
            三.  参数默认值
            
                参数可以有初始值。如果参数列表中有默认值 把没有默认值的放前面,将有默认值的放到后面。
            
            例:
            
                    function sum(a,b=2,c=2){
                        return a+b+c
                    }
                    let r1=sum(4)
                    console.log(r1)
            
            四. 数据解构 (对象,数组)
                 定义:得保证左右结构相同,能将某一个功能单独封装起来。


                  对象
                   let obj={
                       a:1,
                       b:2,
                       c:3
                   }
                   let {a,b,c}=obj


                  数组
                   let arr=[1,2,3]
                   let [a,b,c]=arr
                   console.log(a)
                   console.log(b)
                   console.log(c)


                如何进行两个变量之间的交换?
                let a=20
                let b=30;
                在初始化以前不能使用,所以必须加分号
                [a,b]=[b,a] 
                console.log(a)
                console.log(b)
                
            五. rest参数
            
                rest 参数: arguments
                ES6没有arguments,但是用rest参数可以代替。
                rest参数 只会放入形参外的参数,永远写在最后。


                function showName(a,b,...args){
                   console.log(args)
                }
                showName("王二","王三","王一","往死")


                获取用户所传入的所有参数 rest 参数
                function showName(...args){
                    console.log(args)
                }
                showName("王二","王三","王一","往死")
                
            六.  拓展运算符
            
                ①rest参数:rest反作用 ... 就是将复杂的数据展开。
                语法:  ...(变量)
                    let arr=[1,2,3]
                    console.log(arr)
                    console.log(...arr)
                    
                ②合并数组
                    let arr=[1,2,3]
                    let goods=[4,5,6]
                    goods.push(...arr)
                    console.log(goods)
                    
                ③复制数组
                    let arr=[1,2,3]   
                    let goods=arr    
                    goods.push(4)
                    console.log(goods)
                    console.log(arr)
                    这个方法是保存的数组的存储地址
                    goods也等于arr的存储地址了,所以一个变化,俩个都会变。
                    
                关于对象的 拓展运算符
                
                    let obj={
                        a:1,
                        b:2,
                        c:3,
                        d:4
                    }
                    let {a,b,...z}=obj
                    console.log(a)
                    console.log(b)
                    console.log(z)
                不管是rest,解构对象,还是拓展运算符,都放到最后。
                
                ①复制对象
                    let obj={
                        a:1,
                        b:2,
                        c:3,
                        d:4
                    }
                    let n={
                        ...obj
                        e:5
                    }
                    console.log(n)
            七. 过滤函数
                filter 数组的内容进行过滤,筛选出符合要求的元素。
                
                let arr=[1,2,3,4,5,6,7]
                let s1= arr.filter((item,index)=>{
                    if(item>4)
                    return true
                })
                console.log(s1)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值