首页 > 编程语言 >[JavaScript]扩展运算符

[JavaScript]扩展运算符

时间:2023-10-13 14:47:38浏览次数:39  
标签:... console log JavaScript 扩展 运算符 person let arr1

顺便补充一点Array.reduce((prev, curv) => { },  ori) 的运用

        let arr1 = [1, 3, 5, 7, 9]
        let arr2 = [2, 4, 6, 8, 10]
        console.log(...arr1); //展开一个数组       -----> 1 3 5 7 9
        let arr3 = [...arr1, ...arr2]//连接数组

        //在函数中使用
        function sum(...numbers) {
            return numbers.reduce((preValue, currentValue) => {
                return preValue + currentValue
            })
        }
        console.log(sum(1, 2, 3, 4)); //        -----> 10

  

        let arr1 = [1, 3, 5, 7, 9]
        let arr2 = [2, 4, 6, 8, 10]
        console.log(...arr1); //展开一个数组
        let arr3 = [...arr1, ...arr2]//连接数组

        //在函数中使用
        function sum(numbers) {
            return numbers.reduce((preValue, currentValue) => {
                return preValue + currentValue
            })
        }
        console.log(sum(arr3));//             -----> 55

 

// 构造字面量对象时使用展开语法
let person = {name:'tom',age:18}
let person2 = {...person}
// console.log(...person); //报错,展开运算符不能展开对象
// TypeError: Spread syntax requires ...iterable[Symbol.iterator] to be a function person.name = 'jerry' console.log(person2); // ----> {name: 'tom', age: 18} console.log(person); // ----> {name: 'jerry', age: 18}

 

标签:...,console,log,JavaScript,扩展,运算符,person,let,arr1
From: https://www.cnblogs.com/ximu1009/p/17762044.html

相关文章

  • 重载运算符详解
    重载运算符详解1.概念  运算符的重载,实际是一种特殊的函数重载,必须定义一个函数,并告诉C++编译器,当遇到该运算符时就调用此函数来行使运算符功能。这个函数叫做运算符重载函数(常为类的成员函数)。  用函数的方式实现了(+-*/[]数组&&||逻辑等)运算符的重载。根据需求决......
  • JavaScript的工作原理:引擎、运行时和调用堆栈
    概述几乎每个人都已经听说过V8引擎这个概念,大多数人都知道JavaScript是单线程的,或者它使用的是回调队列。在本文中,我们将详细介绍这些概念,并解释JavaScript实际运行的方式。通过了解这些详细信息,你将能够正确地利用其所提供的API编写更好的、非阻塞的应用,这些应用正确地利用了......
  • leaflet | GridLayer扩展土层
    一、createtile方法1、同步使用要创建自定义层,请扩展GridLayer并实现createTile()方法,该方法将通过一个带有x、y和z(缩放级别)坐标的点对象来绘制瓦片。代码示例:varCanvasLayer=L.GridLayer.extend({createTile:function(coords){//createa<canvas>elem......
  • Go接口 - 构建可扩展Go应用
    本文深入探讨了Go语言中接口的概念和实际应用场景。从基础知识如接口的定义和实现,到更复杂的实战应用如解耦与抽象、多态、错误处理、插件架构以及资源管理,文章通过丰富的代码示例和详细的解释,展示了Go接口在软件开发中的强大功能和灵活性。关注【TechLeadCloud】,分享互联网架......
  • CMake匹配不带扩展名的头文件
    要在CMake中匹配不带扩展名的头文件,可以使用file(GLOB...)和正则表达式来过滤结果。以下是一种方法,该方法首先收集目录下的所有文件,然后使用list(FILTER...)命令和正则表达式来只保留没有扩展名的文件:#使用GLOB收集目录下的所有文件file(GLOBALL_FILES"${CMAKE_CURRENT......
  • 在JavaScript中,最高效的方法来深度克隆一个对象是什么?
    内容来自DOChttps://q.houxu6.top/?s=在JavaScript中,最高效的方法来深度克隆一个对象是什么?将JavaScript对象进行深度克隆的最有效方法是什么?我见过使用obj=eval(uneval(o));,但这是非标准的做法,仅被Firefox支持。我曾尝试过obj=JSON.parse(JSON.stringify(o));,但对效率......
  • JavaScript Library – YouTube Embedded、YouTube Player API、YouTube Data API
    YouTube EmbedVideo参考: Embedvideos&playlists它和 GoogleMapsEmbed 类似,是通过iframe完成的。<iframewidth="800"style="aspect-ratio:16/9"src="https://www.youtube.com/embed/vEZCoe9GJFk"title="粉色海洋"......
  • 深入浅出JavaScript闭包
    什么是JS闭包?JS闭包是一个难点也是JS的特色,是JS的高级特性。首先我们知道JS运行函数的时候会在内存中开辟一个存储空间,会把函数体内的代码当作字符串一摸一样的放在这个空间中,把这个空间地址赋值给函数名(变量名),当我们调用函数的时候会根据地址找到这个储存空间,然后执行储存空......
  • JavaScript :全局对象
    全局对象是一个常规的JavaScript对象,具有非常重要的用途:该对象的属性是全局定义的标识符,可供JavaScript解释器启动(或每当Web浏览器加载新页面时)使用,它会创建一个新的全局对象对象并为其提供一组初始属性,这些属性定义:全局常量,例如undefined、infinity和NaN。全局函数,如isN......
  • JavaScript之正则表达式
    正则表达式(RegExp)正则表达式不是JS独有的内容,大部分语言都支持正则表达式JS中正则表达式使用得不是那么多,我们可以尽量避免使用正则表达式在JS中,正则表达式就是RegExp对象,RegExp对象用于将文本与一个模式匹配正则表达式(regularexpressions,规则表达式)正则表达式用来定......