Так, Array.map () або $ .map () робить те саме.
//array.map:
var ids = this.fruits.map(function(v){
return v.Id;
});
//jQuery.map:
var ids2 = $.map(this.fruits, function (v){
return v.Id;
});
console.log(ids, ids2);
http://jsfiddle.net/NsCXJ/1/
Оскільки array.map не підтримується у старих браузерах, я пропоную вам дотримуватися методу jQuery.
Якщо ви віддаєте перевагу іншому з якихось причин, ви завжди можете додати поліфайл для старої підтримки браузера.
Ви завжди можете додавати власні методи до прототипу масиву:
Array.prototype.select = function(expr){
var arr = this;
//do custom stuff
return arr.map(expr); //or $.map(expr);
};
var ids = this.fruits.select(function(v){
return v.Id;
});
Розширена версія, що використовує конструктор функцій, якщо ви передаєте рядок. З чим, можливо, пограти:
Array.prototype.select = function(expr){
var arr = this;
switch(typeof expr){
case 'function':
return $.map(arr, expr);
break;
case 'string':
try{
var func = new Function(expr.split('.')[0],
'return ' + expr + ';');
return $.map(arr, func);
}catch(e){
return null;
}
break;
default:
throw new ReferenceError('expr not defined or not supported');
break;
}
};
console.log(fruits.select('x.Id'));
http://jsfiddle.net/aL85j/
Оновлення:
Оскільки це стало такою популярною відповіддю, я додаю подібний мій where()
+ firstOrDefault()
. Вони також можуть бути використані з підходом конструктора функцій на основі рядків (який найшвидший), але ось інший підхід, що використовує об'єктний буквал як фільтр:
Array.prototype.where = function (filter) {
var collection = this;
switch(typeof filter) {
case 'function':
return $.grep(collection, filter);
case 'object':
for(var property in filter) {
if(!filter.hasOwnProperty(property))
continue; // ignore inherited properties
collection = $.grep(collection, function (item) {
return item[property] === filter[property];
});
}
return collection.slice(0); // copy the array
// (in case of empty object filter)
default:
throw new TypeError('func must be either a' +
'function or an object of properties and values to filter by');
}
};
Array.prototype.firstOrDefault = function(func){
return this.where(func)[0] || null;
};
Використання:
var persons = [{ name: 'foo', age: 1 }, { name: 'bar', age: 2 }];
// returns an array with one element:
var result1 = persons.where({ age: 1, name: 'foo' });
// returns the first matching item in the array, or null if no match
var result2 = persons.firstOrDefault({ age: 1, name: 'foo' });
Ось тест jsperf для порівняння конструктора функцій з швидкістю прямої об’єкта. Якщо ви вирішили використовувати перший, майте на увазі правильно цитувати рядки.
Моє особисте перевагу - використовувати об'єктні літеральні рішення при фільтруванні 1-2 властивостей і передавати функцію зворотного виклику для більш складної фільтрації.
Я закінчу це двома загальними порадами щодо додавання методів до прототипів нативного об’єкта:
Перевірте наявність існуючих методів перед перезаписом, наприклад:
if(!Array.prototype.where) {
Array.prototype.where = ...
Якщо вам не потрібно підтримувати IE8 і нижче, визначте методи, використовуючи Object.defineProperty, щоб зробити їх нечисленними. Якщо хтось використовував for..in
масив (що в першу чергу неправильно), він також повторить численні властивості. Просто голови вгору.