学习js扩展运算符

最新推荐文章于 2023-10-14 08:14:15 发布
最新推荐文章于 2023-10-14 08:14:15 发布
阅读量796 收藏
点赞数
分类专栏： javascript 文章标签： 扩展运算符
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20353887/article/details/72830032
版权 
<!DOCTYPE html>
<html>
<head>
    <title>扩展运算符</title>
    <meta charset="UTF-8">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
</head>
<body>
    <script>
        var arr1 = [4,5,6];
        var arr2 = [1,2,3,arr1];
        console.log(arr2)//输出[1,2,3[4,5,6]]
        var arr2 = [1,2,3,...arr1];
        console.log(arr2)//输出[1,2,3,4,5,6]
        
        
        var arr3 = [1,2,3]
        var arr4 = arr3.slice();
        console.log(arr4)
        var arr4 = [...arr3]
        console.log(arr4);
        //扩展运算符能够实现slice复制数组的方法
        arr4.push(arr1);
        console.log(arr4);
        //输出[1,2,3[4,5,6]]
//        arr4.push(...arr1);
//        console.log(arr4);
        //输出[1,2,3,4,5,6],扩展运算符可以将两个数组合并成一个数组
        
        var arr5= [3,4,5]
        var arr6 = [6,7,8]
        var arr7 = arr5.concat(arr6);
        console.log(arr7);
        var arr8 = [...arr5,...arr6];
        console.log(arr8);
      //扩展运算符也可以实现concat的连接数组
        var str = 'html';
        var arr9 = [...str];
        console.log(arr9);
        //扩展运算符将字符串转成数组
    </script>
</body>
</html>


编号90015478
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js --- 扩展运算符
FOR 的博客
07-25 4393
参数扩展与收集 ES6 增加有一个特殊符号 ， 拓展运算符 ’ … ’ 即三个点。 它的使用如下 ： 扩展参数 … 扩展运算符能将可迭代对象转换为逗号分隔的参数系列； 如将数组拆开，其位置在传值体前（实参，需把自身拆开的变量）前 const arr = ['手机','电脑','人一个'] ...arr // => '手机'，'电脑','人一个' 应用场景： 1. 如果将数组作为参数传入；则传入的只有一个参数，参数是一个数组；如果传入参数时给数组 前加上扩展运算符 如…arr;如会将数组解构出来
JavaScript程序设计ES之扩展运算符共2页.pdf
11-19
JavaScript是Web开发中不可或缺的一部分，尤其在前端领域，它的地位无可替代。ES，全称ECMAScript，是JavaScript的标准化规范。...在学习和使用JavaScript时，深入理解和掌握扩展运算符将对提升编程效率大有裨益。
优雅而高效的JavaScript——扩展运算符
杜永康的博客
10-14 1445
扩展运算符是三个点（…），它可以将一个数组或对象展开成多个元素，或将多个元素合并成一个数组或对象。扩展运算符是一种非常有用的语法，它可以在数组、对象和函数调用等场景中展开数组或对象，可以实现浅拷贝，实现数组的展开、合并、复制和解构赋值，对象的展开、合并、复制和解构赋值，以及函数参数的传递和返回值的处理。但是，在使用扩展运算符时需要注意其使用限制和性能问题。
JS扩展运算符(...)的用法
m0_47584501的博客
01-31 1426
JS扩展运算符(...)的用法
记录一下js的...扩展运算符
辉生活-记录程序生活的点滴。
06-14 78
自定义的属性在拓展运算度前面，且该属性是拓展预算符后对象里的，则会取出该对象的值，拓展预算符则会取出剩下的属性。)是ES6的语法，用于取出参数对象的所有可遍历属性，然后拷贝到当前对象之中。如果扩展运算符后面是上面这几种类型，都会返回一个空对象，因为它们没有自身属性。自定义的属性在拓展运算符后面，则拓展运算符对象内部同名的属性将被覆盖掉。由于数组是特殊的对象，所以对象的扩展运算符也可以用于数组。如果扩展运算符后面是字符串，它会自动转成一个类似数组的对象。如果扩展运算符后面是一个空对象，则没有任何效果。
JS中的扩展运算符...
卡卡的笔录
11-09 3979
JS中的扩展运算符一般用于以下情况： 数组和对象的深拷贝 let arr = ['a', 'b'] let arr1 = [...arr] let [...arr2] = arr console.log(arr1, arr2) //输出['a', 'b'] ['a', 'b'] 这里数组arr和arr1和arr2存储在不同的对内存地址中，互相之间不会产生任何影响。 数组或对象的拼接 l...
JavaScript程序设计-ES之扩展运算符.pdf
11-02
扩展运算符（ Spread Operator）在JavaScript ES6中引入，符号为`...`。在数组中，它用于将数组拆解为各个元素，可以方便地将一个数组的元素合并到另一个数组中。例如： ```javascript var arr = [1, 2, 3]; ...
js代码-对象的扩展和rest运算符。
07-16
对象扩展运算符（Spread Operator）在ES6中引入，其符号为`...`。这个运算符允许我们合并两个或更多的对象，或者将一个数组元素解构赋值到对象中。在对象扩展的应用场景中，主要有以下几点： 1. **对象拷贝**：通过...
vue.js 中使用（...）运算符报错的解决方法
10-18
扩展运算符在JavaScript ES6中引入，用于复制和合并数组或对象，但在一些旧版本的浏览器或环境中可能不受支持，包括Vue.js的部分构建。当在Vue.js项目中遇到使用扩展运算符（...）报错时，可以按照以下步骤进行解决...
前端javaScript es6语法学习 demo
最新发布
12-25
本文将深入探讨ES6中的核心知识点，包括Map、Promise、Rest参数、对象扩展、集合Set、箭头函数、解构赋值、扩展运算符、生成器以及数值扩展。 1. **Map**：Map对象存储键值对，不同于对象，它的键可以是任意类型，...
【前端学习】ES6语法 扩展运算符
啦啦啦啦啦
01-21 447
扩展运算符 扩展表达式主要应用于数组，也可用于对象，方便于数组的输出，数组对变量的赋值，数组的合并。(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 用于变量赋值 如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。 //定义变量数组 let nums=[1,2,3,4]; //将数组[0] 给到 变量a,数组[1]\[2]\[3]给到 数组变量 b //非ES6语法 let a=nums[0]; let b=new Array(); for(let i=1,le
js扩展运算符，结构赋值
qq_40896095的博客
02-18 522
复制数组 数组是符合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组，扩展运算符简洁了这一过程。 const array1 = [1,2,3]; const array2 = array1; console.log(array2);// [1,2,3] array2[0] = 2; console.log(array1); // [2,2,3]; // Es5如果不影响第一个数组的方法用concat const array3 = array1.concat(); ar.
JS扩展运算符(Spread Operator)的5种用法~~{...js}
潇湘子的博客
09-04 3034
扩展运算符(...)是Javascript ES6的一个新语法，也是开发者比较喜欢的一个语法，因为简洁高效，也被使用在很多应用中。 下边介绍5种常见的用法： 1.//复制数组 扩展操作符复制每个元素到一个完全新的数组中，两个数组不是引用关系 2.//合并多个数组 扩展运算符把多个数组按照顺序，展开各自中的元素，放入到一个新的数组中。 3.//复制对象 复制原始...
JS中的扩展运算符（京东面试题）
sinat_36048532的博客
11-27 617
JS中的扩展运算符一般用于以下情况： 数组和对象的拷贝 let arr = ['a', 'b']; let arr1 = [...arr]; let [...arr2] = arr; console,log(arr1, arr2); // 输出['a', 'b'] ['a', 'b'] 数组或对象的拼接 let arr = ['a', 'b']; let arr1 = ['c']; let arr2 = [...arr, ...arr1]; console.log(arr2); // 输出['a
es6 扩展运算符 三个点（...）
热门推荐
现在学习也不晚
11-29 27万+
1  含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [&lt;div&gt;, &...
JS扩展运算符(...)那点事儿
liuzhen007的专栏
10-12 1372
JS中扩展运算符(...)的作用就是去掉最外层的对象封装。 不理解的话，直接看实例： 1. 并列属性 let x = { a: 1, b: 2}; let y = { ...x }; // 等价于 Object.assign({}, x); let z = { x }; 2. 嵌套属性 let x = { a: 1, b: 2 , c: { d: 3}}; let y = { ...x }; // 等价于 Object.assign({}, x); let z = { x }; ...
Swift 字符串替换/过滤/切割/拼接
Leo的专栏
05-22 1万+
原创blog，转载请注明出处 blog.csdn.net/hello_hwc之前写过一篇Swift String的基础，想了解的同学可以看下。 http://blog.csdn.net/hello_hwc/article/details/39853023替换把?替换为/var url = "http://blog.csdn.net/hello_hwc?viewmode=list"var filt
JavaScript 扩展运算符
zsx0728的博客
05-03 1040
文章目录扩展运算符使用扩展运算符复制数组使用扩展运算符克隆数组带对象的扩展运算符剩余参数参考文档     在本教程中，您将借助示例了解 JavaScript 扩展运算符。     扩展运算符是JavaScript ES6版本中新增的可用功能。 扩展运算符     扩展运算符…用于扩展可迭代类型或数组。例如， const arrValue = ['My', 'name', 'is', 'Jack']; console.log(arrValue); // ["My", "name", "is", "Jac
JS 扩展运算符------三点运算符（ ... ）
FengChen的进阶之路
12-04 638
作用一： 在函数调用中，将剩余参数合并到一个数组中 function showName(firstName, lastName, ...titles) { console.log( firstName + ' ' + lastName ); // Julius Caesar // 剩余的参数被放入 titles 数组中 // titles = ["Consul", "Imperator"] console.log( titles[0] ); // Consul console.log(
JavaScript New运算符详解
- **基于对象**：JavaScript中包含许多内置对象，如Date、Array等，开发者可以直接使用或扩展这些对象。 - **简单性**：语法简洁，易于学习和使用。 - **安全性**：JavaScript运行在沙箱环境中，避免对系统造成...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值