(六)展开运算符

本节知识点

  • 展开运算符 ... 他只能写在最后面,要是写在前面,后面的参数出不来.
  • 这个就是为了方便扩展运算的。

举例

  • 老版本
function addNumber(a, b, c, d, e) {
    var numbers = [a, b, c, d, e];
    return numbers.reduce((sum, item) => {
        return sum + item;
    }, 0)
}
console.log(addNumber(1, 2, 3, 4, 5));
  • 新版本
function addNumber(...numbers) {
    return numbers.reduce((sum, item) => {
        return sum + item;
    }, 0)
}
console.log(addNumber(1, 2, 3, 4, 5));

对象解析

let expense = {
    type: "es6",
    amount: "45"
};
let a = expense.type;
let b = expense.amount;
console.log(a, b);
const { type, amount } = expense;
console.log(type);
console.log(amount);
  • 标准配置
let expense = {
    type: "es6",
    amount: "45"
};
let a = expense.type;
let b = expense.amount;

function fileSammary(obj) {
    return `${obj.type}+${obj.amount}`;
}
console.log(fileSammary(expense));    //结果就是es6+45
  • 数组解构
let arr = [1, 2, 3, 4, 5, 6];
const a = [...arr];
console.log(a);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,419评论 0 13
  • 写在开头:本人打算开始写一个Kotlin系列的教程,一是使自己记忆和理解的更加深刻,二是可以分享给同样想学习Kot...
    胡奚冰阅读 942评论 1 1
  • C++运算符重载-上篇 本章内容:1. 运算符重载的概述2. 重载算术运算符3. 重载按位运算符和二元逻辑运算符4...
    Haley_2013阅读 2,382评论 0 51
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,668评论 0 5
  • 浪费生命中的一秒一秒举起华夏的刀给你雕歌死了的对象要理他作甚活着的爱人可贪享美色孑然一身芸芸皆为旁观成群结队万事具...
    勿爻阅读 159评论 0 0

友情链接更多精彩内容