javascript中传播运算符怎么用

　　介绍

这篇文章主要介绍javascript中传播运算符怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

复制数组

我们可以使用展开操作符复制数组,不过要注意的是这是一个<强>浅拷贝。

const  arr1 =, (1、2、3); 　　const  arr2 =, [……arr1); 　　console.log (arr2);//,,,1,,2,,3,)

这样我们就可以复制一个基本的数组,注意,它不适用于多级数组或带有日期或函数的数组。

合并数组

假设我们有两个数组想合并为一个,早期间我们可以使用<代码> concat 方法,但现在可以使用展开操作符:

const  arr1 =, (1、2、3); 　　const  arr2 =, (4、5、6); 　　const  arr3 =, [……arr1,,……arr2); 　　console.log (arr3);//,,,1,,2,,3,,4,5,6,)

我们还可以通过不同的排列方式来说明哪个应该先出现。

const  arr3 =, [……arr2,,……arr1); 　　console.log (arr3); 　　(4,,5,6,,1,,2,,3];

此外,展开运算符号还适用多个数组的合并:

const  output =, [……arr1,,……arr2,,……arr3,,……arr4);

向数组中添加元素

let  arr1 =,(& # 39;这个# 39;,,& # 39;如果# 39;,,& # 39;您# 39;]; 　　arr1 =, [……arr1, & # 39;数组# 39;]; 　　console.log (arr1);//,[,& # 39;这个# 39;,,& # 39;如果# 39;,,& # 39;您# 39;,,& # 39;数组# 39;,]

向对象添加属性

假设你有一个<代码>用户> 属性。

const  user =, { 　　,,firstname: & # 39;克里斯# 39; 　　,,姓:& # 39;Bongers& # 39; 　　};

要向这个<代码>用户> const  output =,{…用户,,年龄:31};

使用数学()函数

假设我们有一个数字数组,我们想要获得这些数字中的最大值,最小值或者总和。

const  arr1 =, (0, 1,, 1,,,, 3];

为了获得最小值,我们可以使用展开操作符和<代码>数学。min 方法。

const  arr1 =, (0, 1,, 1,,,, 3]; 　　const  min =, Math.min (…arr1); 　　console.log(分钟);//,1

同样,要获得最大值,可以这么做:

const  arr1 =, (0, 1,, 1,,,, 3]; 　　const  max =, Math.max (…arr1); 　　console.log (max);//,5

如大家所见,最大值<代码> 5> 5> 3 。

你可能会好奇,如果我们不使用展开操作符会发生什么?

const  arr1 =, (0, 1,, 1,,,, 3]; 　　const  max =, Math.max (arr1); 　　console.log (max);//,南

这会返回<强>南强劲,因为JavaScript不知道数组的最大值是什么。

其他参数

假设我们有一个函数,它有三个参数。

const  myFunc (x1, x2, x3),=祝辞,{ 　　,,,console.log (x1); 　　,,,console.log (x2); 　　,,,console.log (x3); 　　}

我们可以按以下方式调用这个函数:

myFunc (1,, 2,, 3);

但是,如果我们要传递一个数组会发生什么。

const  arr1 =, (1, 2, 3];

我们可以使用展开操作符将这个数组扩展到我们的函数中。

myFunc (…arr1);//1//2//,3

这里,我们将数组分为三个单独的参数,然后传递给函数。

const  myFunc =, (x1, x2, x3),=祝辞,{ 　　console.log才能(x1); 　　console.log才能(x2); 　　console.log才能(x3); 　　}； 　　const  arr1 =, (1, 2, 3]; 　　myFunc (…arr1);//1//2//,3

向函数传递无限参数

假设我们有一个函数,它接受无限个参数,如下所示:

const  myFunc =, (…args),=祝辞,{ 　　console.log才能(args); 　　};

如果我们现在调用这个带有多个参数的函数,会看到下面的情况:

myFunc(1, & # 39;一个# 39;,,new 日期());

返回:

( 　　1,才能 　　& # 39;才能,一个# 39; 　　Date {才能 　　,,,__proto__:, Date  {} 　　,,} 　　)

javascript中传播运算符怎么用