为什么我不能在函数的参数上调用数组方法？

Question

我有一个可以接受任意数量参数的函数...

const getSearchFields = () => {        
    const joined = arguments.join('/'); 
};

我想要一个包含所有参数的字符串，这些参数与/ 字符一起传递给函数。我不断收到此错误：

args.join 不是函数

谁能告诉我我做错了什么？

Answer 1

arguments 是一个伪数组，而不是一个真正的数组。 join 方法可用于数组。

你需要作弊：

var convertedArray = [];

for(var i = 0; i < arguments.length; ++i)
{
 convertedArray.push(arguments[i]);
}

var argsString = convertedArray.join('/');

与其他帖子类似，您可以将以下内容作为简写：

var argsString = Array.prototype.join.call(arguments, "/");

Answer 2

如上所述，arguments 对象并不是真正的数组，但您可以直接应用数组函数，通过访问 Array.prototype 并使用apply 或call 执行它们来更改上下文：

var argsString = Array.prototype.join.call(arguments, '/');

编辑：由于大约 9 年前提出的原始问题已更新为使用 ES6 语法，我觉得有必要提供 ES6 答案，现在该语言提供了原生结构来处理这种情况。

ES6 标准引入了扩展运算符，你可以很容易地使用它来接收作为数组对象的参数，例如：

function sum(...numbers) {
  return numbers.reduce((sum, value) => sum + value);
}

console.log(sum(1,2,3,4)); // 10

应用于您的示例：

const getSearchFields = (...fields) => {        
  const joined = fields.join('/'); 
};

你也可以使用扩展运算符来进行函数调用，假设你有一个数组，并且你想调用一个函数，将数组的每个元素作为函数调用的参数传递，现在你可以简单地：

function sum(a, b, c, d) {
  return a + b + c + d;
}

var array = [1, 2, 3, 4];
console.log(sum(...array)); // 10

你也可以期待一些参数，并传递参数的 rest 定义为 last 参数：

function processList(first, ...rest) {
  // ...
}

spread 运算符还有更多用途超出了本问题的范围，例如对象复制、在数组中展开数组等...

Answer 3

如果你使用的是jQuery 1.2+，你可以使用$.makeArray():

将类似数组的对象转换为真正的 JavaScript 数组。

从问题中的示例中，只需使用这一行

var args = $.makeArray(arguments);

Answer 4

arguments 并不是真正的数组。

试试这个：

var args = [].splice.call(arguments,0);
var argsString = args.join('/');

Answer 5

问题在于arguments 是一个类数组对象（它具有映射到传递的参数的编号属性和一个length 属性），但它实际上不是 一个数组。

在过去，您可以使用Array.prototype.slice.call(arguments)（以及其他方法）将其变成一个真正的数组。

但是，这些天我们稍微幸运了一些（当然取决于您支持的平台）。你可以这样做......

const getSearchFields = (...args) => {
   Array.isArray(args); // true
};

...或...

const getSearchFields = () => {
   const args = Array.from(arguments);
   Array.isArray(args); // true
};

首选第一个示例，因为...

• 您无需在函数体中执行额外步骤即可正常创建数组
• arguments 是一个神奇的变量（它没有明确定义，那么它是从哪里来的？）
• 它有funny behaviour with named args in non-strict mode（请注意，您应该始终'use strict'）
• 第一个示例的意图更加明确（创建一个包含所有参数的数组是明确的）。

Answer 6

arguments 不是 JavaScript 数组；这是一个没有join 方法的特殊对象。

Answer 7

如果您在 angular4 用户 HttpHeaders 中发布 http 请求时遇到问题。请检查以下答案。使用 HttpHeaders 后，我的问题得到解决。

this.headers  = new HttpHeaders({ 'Authorization': token1, 'X-IBM-Client-Id': 'ddddddd' });

values.join is not a function in the file http.es5.js Angular 4

Answer 8

你必须给一个变量赋值才能工作。

var a = ['Wind', 'Rain', 'Fire'];

var myVar1 = a.join();

var myVar2 = a.join(', ');

var myVar3 = a.join(' + ');

var myVar4 = a.join('');