扩展运算符的一些运用

「爱情、让人受尽委屈。」 2023-02-11 03:17 12阅读 0赞

***1、利用扩展运算符 求未知个数的数字和***

// (...args) 代表接受函数的 所有实参，他是一个数组形式
    var sum = (...args) => { 
        let total = 0;
        // 在这里给 数组遍历 让它求和
        args.forEach((item) => {  total = total + item });
        return total;
    }
    console.log(sum(20, 40));   // 20+40=60
    console.log(sum(1, 2, 3, 4, 5));  // 1+2+3+4+5=15;

***2、剩余参数***

var arr1 = ['red', 'green', 'blue', 'yellow'];
    var [s1, ...s2] = arr1;
    console.log(s1);  // s1 = 'red'
    console.log(s2); // s2 = ['green', 'blue', 'yellow'];

***3、将数组拆分成以 ","分隔的参数序列***

var arr2 = ['a', 'b', 'c', 'd'];
    console.log(...arr2);   // 输出的是 a b c d
    // ...arr2 即变成了 a,b,c,d 相当于console.log('a', 'b', 'c', 'd'); 输出的是 a,b,c,d

***4、扩展运算符应用于数组的合并***

// 数组合并1
    var arg1 = [1, 2, 3];
    var arg2 = [4, 5, 6];
    var arg3 = [...arg1, ...arg2]; // arg3 = [1,2,3,4,5,6];
    console.log(arg3);

// 数组合并2
    var arg4 = [1, 2, 3];
    var arg5 = [4, 5, 6];
    arg4.push(...arg5);  // 就相当于 arg4.push(4,5,6)
    console.log(arg4);  // arg4 = [1, 2, 3, 4, 5, 6];

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关扩展运算符的一些运用

1、利用扩展运算符求未知个数的数字和 // (...args) 代表接受函数的所有实参，他是一个数组形式 var sum = (...args) => {

「爱情、让人受尽委屈。」/ 2023年02月11日 03:17/ 0 赞/ 13 阅读

相关运算符的结合运用实例

public class java6_17 { / @param args / public static vo

素颜马尾好姑娘i/ 2022年09月17日 15:14/ 0 赞/ 218 阅读

相关 Java运算符的实际运用

/ 练习：获取两个数中的最大值获取三个数中的最大值比较两个整数是否相同

快来打我*/ 2022年06月06日 03:46/ 0 赞/ 237 阅读

相关扩展运算符的应用

扩展运算符是三个点（...），主要用于展开数组，将一个数组转为参数序列。下面是扩展运算符的应用情况; 1.　代替数组的apply方法：求数组最大元素问题：（１）用

深碍√TFBOYSˉ_/ 2022年03月18日 02:30/ 0 赞/ 195 阅读

相关对象的扩展运算符

之前我写过一篇笔记就是说扩展运算符的。可是[那个笔记][Link 1]说的并不全面。以前我一直片面的认为，扩展操作符只能作用于数组而不能作用于对象，而且只能在函数调用的时候使用

不念不忘少年蓝@/ 2022年03月11日 12:08/ 0 赞/ 217 阅读

相关数组的扩展→扩展运算符（...）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

灰太狼/ 2021年12月19日 15:53/ 0 赞/ 334 阅读

相关扩展运算符：扩展对象的属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

短命女/ 2021年12月13日 14:29/ 0 赞/ 364 阅读

相关扩展运算符数组运用场景1：知识点有：Array.from()、...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

缺乏、安全感/ 2021年12月13日 13:55/ 0 赞/ 153 阅读

相关扩展赋值运算符

\+= num += 10; 等同于 num = num+10; \-= num -=10; 等同于 num = num-10; = num=10; 等同于 num =

柔情只为你懂/ 2021年12月09日 07:45/ 0 赞/ 311 阅读

相关再说...扩展运算符

总结：对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中更多参考文章： [https://blog.csdn.net/astonishqft

电玩女神/ 2021年11月16日 23:31/ 0 赞/ 340 阅读