课程表

CoffeeScript 语法

CoffeeScript 类和对象

CoffeeScript 字符串

CoffeeScript 数组

CoffeeScript 日期和时间

CoffeeScript 数学

CoffeeScript 方法

CoffeeScript 元编程

CoffeeScript jQuery

CoffeeScript 正则表达式

CoffeeScript 网络

CoffeeScript 设计模式

CoffeeScript 数据库

CoffeeScript 测试

工具箱
速查手册

将数组连接

当前位置:免费教程 » JS/JS库/框架 » CoffeeScript

问题

你希望将两个数组连接到一起。

解决方案

在 JavaScript 中,有两个标准方法可以用来连接数组。

第一种是使用 JavaScript 的数组方法 concat():

  1. array1 = [1, 2, 3]
  2. array2 = [4, 5, 6]
  3. array3 = array1.concat array2
  4. # => [1, 2, 3, 4, 5, 6]

需要指出的是 array1 没有被运算修改。连接后形成的新数组的返回值是一个新的对象。

如果你希望在连接两个数组后不产生新的对象,那么你可以使用下面的技术:

  1. array1 = [1, 2, 3]
  2. array2 = [4, 5, 6]
  3. Array::push.apply array1, array2
  4. array1
  5. # => [1, 2, 3, 4, 5, 6]

在上面的例子中,Array.prototype.push.apply(a, b) 方法修改了 array1 而没有产生一个新的数组对象。

在 CoffeeScript 中,我们可以简化上面的方式,通过给数组创建一个新方法 merge():

  1. Array::merge = (other) -> Array::push.apply @, other
  2. array1 = [1, 2, 3]
  3. array2 = [4, 5, 6]
  4. array1.merge array2
  5. array1
  6. # => [1, 2, 3, 4, 5, 6]

另一种方法,我可以直接将一个 CoffeeScript splat(array2) 放入 push() 中,避免了使用数组原型。

  1. array1 = [1, 2, 3]
  2. array2 = [4, 5, 6]
  3. array1.push array2...
  4. array1
  5. # => [1, 2, 3, 4, 5, 6]

一个更加符合语言习惯的方法是在一个数组语言中直接使用 splat 运算符(...)。这可以用来连接任意数量的数组。

  1. array1 = [1, 2, 3]
  2. array2 = [4, 5, 6]
  3. array3 = [array1..., array2...]
  4. array3
  5. # => [1, 2, 3, 4, 5, 6]

讨论

CoffeeScript 缺少了一种用来连接数组的特殊语法,但是 concat() 和 push() 是标准的 JavaScript 方法。

转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号