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

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('/'); 
};

您也可以使用spread运算符来执行函数调用,假设您有一个数组,并且您想要调用一个函数,将数组的每个元素作为函数调用的参数传递,现在您可以简单地:

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

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

您还可以期待一些参数,并将其余参数作为 最后一个参数定义:

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

并且扩展运算符的更多用途超出了这个问题的范围,例如对象复制,在数组中扩展数组等等......

Answer 3

如果您使用的是jQuery 1.2+,则可以使用$.makeArray():

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

从问题中的示例,只需使用此行

var args = $.makeArray(arguments);

Answer 4

参数实际上不是一个数组.

试试这个:

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