千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 4个扩展运算符在JavaScript中的实际用途

4个扩展运算符在JavaScript中的实际用途

来源:千锋教育
发布人:syq
时间: 2022-09-15 11:38:40 1663213120

  什么是脚本传播运算符?它允许可迭代对象(如数组)就地进行扩展。

扩展运算符在JavaScript

  您知道“脚本传播”运算符吗?它由三个点表示 - 是的,点差运算符是着名的“...”。它基本上允许表达式在需要多个元素的位置扩展数组的内容。

  让我以更实际的方式向你们展示:想象一下下面的代码:

4 扩展运算符在 JavaScript 中的实际用途155

  请注意,在本例中,我没有使用“散布”。通过将数组放在另一个数组中,我们在打印时会得到一个相当不寻常的结果。现在尝试把“...”在数组中间之前,您可以看到会发生什么,如下所示:arr

4 扩展运算符在 JavaScript 中的实际用途248

  此运算符用于在运行时解释时展开数组或对象的元素。在后一种情况下,中间项已分布在 中。arr

  这是 Spread 运算符的默认用法,但它比这更强大,我想在今天的文章中讨论的正是这些秘密。

  1. 复制带有跨页的数组

  你知道如何在脚本中复制数组吗?初学者程序员可能会认为这有效:

4 扩展运算符在 JavaScript 中的实际用途660

  但不幸的是,生活并不那么简单。在这种情况下,不是 的副本,而是它本身,因为两者的内存引用是相同的。怀疑吗?然后测试它:arr2 arr arr

4 扩展运算符在 JavaScript 中的实际用途732

  您是否注意到,当您在 arr2 中添加项目时,它也出现在 arr 中?那是因为它们是一样的!执行此操作的正确方法之一是使用特定函数。

  如果你已经对JavaScript编程了一段时间,你可能知道切片函数,对吧?它是允许您复制数组的那个。但是您知道吗,我们也可以使用 Spread 复制数组?

4 扩展运算符在 JavaScript 中的实际用途879

  当我们展开数组时,其项的值将复制到另一个数组中。这两个数组都是独立的,因此这显然是复制工作数组的一种方法。

  2. 使用跨页连接数组

  如果我想加入两个数组,该怎么办?我们已经了解到,使用赋值运算符 (=) 不起作用。求和运算符显然也不起作用。您知道在 JavaScript 中执行此操作的特定函数吗?连接:

4 扩展运算符在 JavaScript 中的实际用途879

  但是您知道吗,使用Sample运算符有一种更简单的方法来执行此操作?

  3. 带有点差的数学运算

  您是否知道您可以将 JavaScript 数学函数与传播结合使用?

  让我们从 Math.max() 开始,这是一个函数,它返回我们作为参数传递给它的一组数字中最大的一个。

4 扩展运算符在 JavaScript 中的实际用途1034

  没有办法将数组作为此函数中的参数传递,但是使用帮助器函数,是的,尽管它看起来很奇怪:

4 扩展运算符在 JavaScript 中的实际用途1325

  但是点差呢?

  4. 带跨页的字符串到数组

  如果需要将字符串转换为字符数组,该怎么办?就像在C时代一样,还记得吗?这个非常简单,如下图所示:

4 扩展运算符在 JavaScript 中的实际用途1418

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区