Pourquoi je ne peux pas appeler une méthode de la baie sur une fonction d'arguments?

J'ai une fonction qui peut accepter un nombre quelconque d'arguments...

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

Je veux une chaîne de tous les arguments passés à la fonction rejoint avec le / caractère. Je reçois cette erreur:

args.jointure n'est pas une fonction

Quelqu'un peut-il me dire ce que je fais mal?

  • Pourquoi le modifier pour utiliser ES6 syntaxe?
  • Senti quand j'ai été mise à jour. Je pense qu'il y a des arguments valables contre de le faire, si c'est ce que vous êtes allusion à la.
  • Je ne sais pas vraiment, tout semble un peu étrange quand les réponses à partir de 2009 sont dans l'ES3. Je ne suis pas ici depuis assez longtemps pour savoir si il est considéré comme bon ou mauvais pour revoir les anciennes questions de syntaxe moderne.
  • Autant que je sache, il est encouragé à donner des réponses toujours up-to-date, même si la question de quelques jours. Dans ce cas, maintenant, la question est moins daté.
  • J'ai également mis à jour ma réponse fournir une ES6 façon de le faire. Merci.
  • Wow, vous êtes de retour 🙂

InformationsquelleAutor alex | 2009-09-15
  1. 45

    arguments est un pseudo-tableau, pas un vrai. Le join méthode est disponible pour les tableaux.

    Vous aurez besoin de tricher:

    var convertedArray = [];

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

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

    Similaire à d'autres postes, vous pouvez effectuer les opérations suivantes raccourci:

    var argsString = Array.prototype.join.call(arguments, "/");
    • Pour convertir les arguments d'un objet à un tableau, vous pouvez tout simplement: var convertedArray = Array.prototype.slice.call(arguments);
    • vous pouvez également simplifier la boucle à l'aide de la jonction.... var args = [].épissure.appel(arguments,0);
    • Plus courte, mais ne fonctionne pas sur IE, vous devez appeler directement le Tableau.le prototype.tranche de la fonction.
    InformationsquelleAutor David Andres
  2. 14

    Que tout est dit ci-dessus, les arguments de l'objet n'est pas vraiment un tableau, mais vous pouvez appliquer les fonctions de tableau directement, en accédant au Tableau.prototype et de les exécuter avec appliquer ou appel pour modifier le contexte:

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

    Modifier: Depuis la première question posée près de 9 ans a été mis à jour pour utiliser ES6 syntaxe, je ressens le besoin de fournir une ES6 répondre maintenant le langage natif de constructions pour gérer ce genre de situations.

    L'ES6 norme introduit la propagation de l'opérateur, que vous pouvez facilement utiliser pour recevoir les arguments dans un tableau d'objet, par exemple:

    JS:

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

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

    Appliqué à votre exemple:

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

    Vous pouvez également utiliser la propagation de l'opérateur à faire des appels de fonction, disons que vous avez un tableau, et que vous voulez appeler une fonction, en passant chaque élément du tableau comme argument de la fonction d'appel, vous pouvez maintenant simplement:

    JS:

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

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

    Aussi vous pouvez vous attendre à certains arguments et ont la reste des arguments passés
    comme le dernier paramètre défini:

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

    Et il y a plus d'utilisations de la propagation opérateur qui vont au-delà de la portée de cette question, par exemple objet de copie, de diffusion des tableaux dans des tableaux, etc...

    • '/' doit être entouré par des crochets
    • Nope, je suis en utilisant l'appel, s'appliquent pas
    • ...correction, cette opération peut être le cas lors de l'appliquer est appelé. Vous êtes en utilisant l'appel. Mon erreur.
    InformationsquelleAutor CMS
  3. 8

    Si vous utilisez jQuery 1.2+, vous pouvez utiliser $.makeArray():

    Convertir un tableau comme objet dans un vrai tableau JavaScript.

    À partir de l'exemple de la question, il suffit d'utiliser cette ligne de

    var args = $.makeArray(arguments);
    • Juste pour les enregistrements de souci, cela fonctionne pour moi en jQuery 1.11.0
    InformationsquelleAutor user193130
  4. 5

    arguments n'est pas vraiment un tableau.

    essayez ceci:

    var args = [].splice.call(arguments,0);
var argsString = args.join('/');
    InformationsquelleAutor Russ Bradberry
  5. 2

    Le problème est que arguments est un tableau d'objet de type (il a numéroté des propriétés de la cartographie pour les arguments passés et un length de la propriété), mais il fait n'est pas un tableau.

    Dans les vieux jours, vous pouvez le faire dans un vrai tableau avec Array.prototype.slice.call(arguments) (parmi d'autres méthodes).

    Cependant, nous sommes un peu plus de chance ces jours-ci (en fonction de vos plateformes prises en charge bien sûr). Vous pouvez soit le faire...

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

    ...ou...

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

    Le premier exemple est préféré parce que...

    • vous obtenez la normale de la création de la matrice sans une étape supplémentaire dans le corps de la fonction
    • arguments est une magie variable (il n'est pas explicitement défini, alors d'où vient-elle?)
    • il a drôle de comportement nommé args non-mode strict (notez que vous devez toujours 'use strict')
    • le premier exemple est beaucoup plus claire de l'intention (la création d'un tableau de l'ensemble des arguments est explcit).
    InformationsquelleAutor alex
  6. 0

    arguments n'est pas un tableau JavaScript; c'est un objet spécial qui n'est pas un join méthode.

    InformationsquelleAutor Cᴏʀʏ
  7. -1

    Si vous êtes arriver pendant l'envoi de la requête http dans angular4 utilisateur HttpHeaders. Veuillez cocher ci-dessous la réponse. Après usring HttpHeaders mon problème est résolu.

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

    des valeurs.jointure n'est pas une fonction dans le fichier http.es5.js Angulaire 4

    InformationsquelleAutor user3198259
  8. -2

    Vous avez à faire affectation à une variable pour que cela fonctionne.

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

var myVar1 = a.join();

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

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

var myVar4 = a.join('');
    • Votre déclaration n'est pas correct et qu'il ne répond pas à la question.
    InformationsquelleAutor Suman Panwar