jQuery. Chaque aide, je veux couper() toutes les chaînes dans un tableau

Question

Je divise une chaîne en tableau, puis je veux supprimer l'espace blanc autour de chaque élément. J'utilise jQuery. Je suis capable de le faire avec succès avec 2 baies mais je sais que ce n'est pas correct. Comment faire une boucle dans un tableau et découper chaque élément pour que les éléments conservent ce changement. Merci pour tous les conseils. Voici mon code de travail en utilisant deux tableaux. S'il vous plaît montrez-moi la bonne façon de le faire.

var arVeh = vehicleText.split("|"); 
    var cleanArry = new Array(); 
    $.each(arVeh, function (idx, val) { 

     cleanArry.push($.trim(this)); 

    }); 

Cheers, ~ ck à San Diego

Answer 1

Vous n'avez même pas vraiment besoin des paramètres idx ou val. Cela semble fonctionner sur jsFiddle:

var cleanVehicles = []; 

$.each(vehicleText.split("|"), function(){ 
    cleanVehicles.push($.trim(this)); 
}); 

EDIT: Maintenant que je l'ai vu ce que vous êtes vraiment après, essayez d'utiliser la carte:

var cleanVehicles = $.map(vehicleText.split("|"), $.trim); 

Answer 2

//a simple function 
function trimArray(dirtyArray){ 
    $.map(dirtyArray.split("|"), function(idx, val){ 
    return $.trim(this); 
    }); 
} 

trimArray(vehicleArray); 

devrait faire l'affaire

Ou vous pouvez utiliser une partie de la puissance impressionnante de javascript et utiliser array.prototype. Je suis encore un peu nouveau à l'utilisation du .prototype de n'importe quel objet ... donc ce n'est pas garanti pour fonctionner (mais il peut certainement être fait).

Array.prototype.trim = function(){ 
    $.map(dirtyArray.split("|"), function(idx, val){ 
    return $.trim(this); 
    }); 
} 

someArray.trim() 

Answer 3

pourriez-vous pas faire exactement cela?

var arVeh = vehicleText.split("|"); 

$.each(arVeh, function (idx, val) { 

    arVeh[idx] = $.trim(this); 

}); 

Answer 4

Je vais suggérer de ne pas utiliser les frais généraux de jQuery pour une simple boucle ...

var arVeh = vehicleText.split("|"); 

for (var i = 0, l = arVeh.length; i < l; ++i) { 
    arVeh[i] = $.trim(arVeh[i]); 
}); 

Alternativement, se débarrasser des espaces blancs depuis le début, et d'éviter la nécessité pour une autre boucle du tout.

var arVeh = $.trim(vehicleText).split(/\s*\|\s*/); 

Answer 5

Sans « créer » un tableau dans le code javascript (un tableau sera néanmoins créé en mémoire)

vehicles = $.map(vehicleText.split("|"), function(e,i) { return $.trim(e) }); 

Answer 6

var my_arr = [' cats', 'dogs ', ' what ']; 
$.each(my_arr, function (id, val) { 
    my_arr[id] = $.trim(val); 
}); 
console.log(my_arr); 

Cette taillera la valeur et le mettre à l'élément indexé.

Answer 7

Vous avez besoin de ces deux fonctions jQuery: 1. ) itérer élément de tableau avec la possibilité de modifier les éléments: http://api.jquery.com/jquery.map/

2.) supprimer les espaces vides de début et la fin d'une chaîne: http://api.jquery.com/jQuery.trim/

les utiliser de cette façon:

array = $.map(array, function(value) { return value.trim();}); 

Cocher cette jsFiddle: https://jsfiddle.net/L00eyL4x/49/

Answer 8

Vous n'avez pas besoin d'utiliser JQuery.Voici votre solution de vanille:

testArray.map(Function.prototype.call, String.prototype.trim);

appels Function.prototype.call trim() sur chacun des éléments du TestArray. Aussi simple que cela!