Warum funktioniert .join() nicht mit Funktionsargumenten?

Question

Warum funktioniert das (returns "eins, zwei, drei"):

var words = ['one', 'two', 'three']; 
$("#main").append('<p>' + words.join(", ") + '</p>'); 

und diese Arbeit (returns "die Liste: 111"):

var displayIt = function() { 
    return 'the list: ' + arguments[0]; 
} 
$("#main").append('<p>' + displayIt('111', '222', '333') + '</p>'); 

aber nicht diese (kehrt leer):

var displayIt = function() { 
    return 'the list: ' + arguments.join(","); 
} 
$("#main").append('<p>' + displayIt('111', '222', '333') + '</p>'); 

Was habe ich zu meinem „Argumente“ Variable zu tun zu verwenden .join() auf, es zu sein?

Answer 1

Es funktioniert nicht, weil das arguments Objekt kein Array ist, obwohl es so aussieht. Es hat keine join Methode:

>>> var d = function() { return '[' + arguments.join(",") + ']'; } 
>>> d("a", "b", "c") 
TypeError: arguments.join is not a function 

Um arguments in ein Array zu konvertieren, können Sie tun:

var args = Array.prototype.slice.call(arguments); 

Jetzt join funktioniert:

>>> var d = function() { 
    var args = Array.prototype.slice.call(arguments); 
    return '[' + args.join(",") + ']'; 
} 
>>> d("a", "b", "c"); 
"[a,b,c]" 

Alternativ können Sie jQuery verwenden makeArray, die versuchen werden, "fast-arrays" wiezu drehenin Arrays:

var args = $.makeArray(arguments); 

Hier ist, was die Mozilla reference (mein Lieblings Ressource für diese Art der Sache) dazu zu sagen hat:

The arguments object is not an array. It is similar to an array, but does not have any array properties except length . For example, it does not have the pop method. ...

The arguments object is available only within a function body. Attempting to access the arguments object outside a function declaration results in an error.

Answer 2

arguments ist kein jQuery-Objekt, nur ein normales JavaScript-Objekt. Erweitern Sie es, bevor Sie versuchen, .join() aufzurufen. Ich glaube, Sie würden schreiben:

return 'the list:' + $(arguments)[0]; 

(Ich bin nicht allzu vertraut mit jQuery, nur Prototype, so dass ich hoffe, dass dies nicht völlig falsch ist.)

Edit: Es ist falsch! Aber in seiner Antwort beschreibt Doug Neiner, was ich zu erreichen versuche.

Answer 3

einfach die Nutzenfunktion jQuery makeArray

arguments ist kein Array, es ist ein Objekt. Aber da es so "Array-like", können Sie die Nutzenfunktion jQuery nennen makeArray, damit es funktioniert:

var displayIt = function() { 
    return 'the list: ' + $.makeArray(arguments).join(","); 
} 
$("#main").append('<p>' + displayIt('111', '222', '333') + '</p>'); 

Welche Ausgang:

<p>the list: 111,222,333</p> 

Answer 4

Sie typeof verwenden können, um zu sehen, was los ist hier:

>>> typeof(['one', 'two', 'three']) 
"object" 
>>> typeof(['one', 'two', 'three'].join) 
"function" 
>>> typeof(arguments) 
"object" 
>>> typeof(arguments.join) 
"undefined" 

hier können Sie das typeof returns „Objekt“ in beiden Fällen sehen, aber nur eines der Objekte hat eine Join-Funktion definiert.

Answer 5

Wenn Sie auf anderen Array.prototype Methoden nicht interessiert sind, und Sie wollen einfach join verwenden, können Sie es direkt aufrufen, ohne sie in ein Array zu konvertieren:

var displayIt = function() { 
    return 'the list: ' + Array.prototype.join.call(arguments, ','); 
}; 

Auch könnten Sie nützlich zu wissen, dass Das Komma ist das Standardtrennzeichen. Wenn Sie kein Trennzeichen definieren, wird das Komma mit spec verwendet.

Answer 6

Ich weiß nicht, ob es eine einfache Art und Weise die Argumente in ein Array zu konvertieren, aber Sie können versuchen, diese:

var toreturn = "the list:"; 
for(i = 0; i < arguments.length; i++) 
{ 
    if(i != 0) { toreturn += ", "; } 
    toreturn += arguments[i]; 
} 

Answer 7

Sie könnten diese jQuery .joinObj Extension/Plugin verwende ich gemacht.

Wie Sie in dieser Geige sehen werden, können Sie es verwenden, wie folgt:

$.joinObj(args, ","); 

oder

$.(args).joinObj(","); 

---

Plugin-Code:

(function(c){c.joinObj||(c.extend({joinObj:function(a,d){var b="";if("string"===typeof d)for(x in a)switch(typeof a[x]){case "function":break;case "object":var e=c.joinObj(a[x],d);e!=__proto__&&(b+=""!=b?d+e:e);break;default:"selector"!=x&&"context"!=x&&"length"!=x&&"jquery"!=x&&(b+=""!=b?d+a[x]:a[x])}return b}}),c.fn.extend({joinObj:function(a){return"object"===typeof this&&"string"===typeof a?c.joinObj(this,a):c(this)}}))})(jQuery); 

Answer 8

Bei der Moment können Sie Array-Argumente nicht verbinden, weil sie keine sind Array, shown here

so müssen Sie entweder zuerst in einem Array drehen wie diese,

function f() { 
    var args = Array.prototype.slice.call(arguments, f.length); 
    return 'the list: ' + args.join(','); 
} 

oder wie dieser, ein bisschen kürzer

function displayIt() { 
    return 'the list: ' + [].join.call(arguments, ','); 
} 

, wenn Sie so etwas wie babel verwenden oder ein kompatibler Browser, um ES6-Funktionen zu verwenden, können Sie dies auch mit Restargumenten tun.

function displayIt(...args) { 
    return 'the list: ' + args.join(','); 
} 

displayIt('111', '222', '333'); 

, die Sie würden tun lassen noch cooler Sachen wie

function displayIt(start, glue, ...args) { 
    return start + args.join(glue); 
} 

displayIt('the start: ', '111', '222', '333', ',');