Мне интересно, есть ли способ сделать что-то вроде цикла PHP foreach
в JavaScript. Функциональность, которую я ищу, примерно такая: PHP Snippet:
foreach($data as $key => $value) { }
Я рассматривал цикл JS for..in
, но, похоже, нет возможности указать as
. Если я сделаю это с помощью 'обычного' цикла for (for(var i = 0; i < data.length; i++
), есть ли способ получить пары ключ => значение?
for (var k in target){
if (target.hasOwnProperty(k)) {
alert("Key is " + k + ", value is " + target[k]);
}
}
hasOwnProperty
используется для проверки, действительно ли ваша цель
обладает этим свойством, а не унаследовала его от своего прототипа. Немного проще было бы:
for (var k in target){
if (typeof target[k] !== 'function') {
alert("Key is " + k + ", value is" + target[k]);
}
}
Он просто проверяет, что k
не является методом (так как если target
будет array
, вы получите множество методов, например, indexOf
, push
, pop
и т.д.).
Никто не упоминал о объект.ключи
поэтому я'МР упомянуть его.
Object.keys(obj).forEach(function (key) {
// do something with obj[key]
});
Если вы можете использовать ЕС6 непосредственно или с Бабель (компилятор в JS), то вы можете сделать следующее:
в
const test = {a: 1, b: 2, c: 3};
for (const [key, value] of Object.entries(test)) {
console.log(key, value);
}
в
Который будет распечатать этот выход:
a 1
b 2
c 3
Объект.записи () метод возвращает массив данного объекта's собственное перечисляемое свойство
[ключ, значение]` пар, в том же порядке, как это предусмотрено для...в цикл (разница в том, что для-в петлю перечисляет свойства в цепочке прототипов, а).
Надеюсь, что это помогает! =)
for...in будет работать для вас.
for( var key in obj ) {
var value = obj[key];
}
В современном JavaScript вы также можете сделать это:
for ( const [key,value] of Object.entries( obj ) ) {
}
var obj = {...};
for (var key in obj) {
var value = obj[key];
}
Синтаксис php - это просто сахар.
Я предполагаю, что вы знаете, что " я " является ключевым и что вы можете получить значение с помощью данных[я]` (и просто ярлык для этого).
ECMAScript5 представил объекту
<суп>[МДН]</с SUP> У для массивов (кажется, у вас есть массив):
data.forEach(function(value, index) {
});
В МДН документация предусматривает прокладку для браузеров, не поддерживающих его.
Конечно, это не работает для объектов, но вы можете создать аналогичную функцию для них:
function forEach(object, callback) {
for(var prop in object) {
if(object.hasOwnProperty(prop)) {
callback(prop, object[prop]);
}
}
}
Поскольку вы пометили вопрос с [тег:в jQuery], библиотека jQuery предоставляет $.каждый
<суп>[документы]</с SUP> У, который петли через оба массива и структуры объекта.
for (var key in myMap) {
if (myMap.hasOwnProperty(key)) {
console.log("key =" + key);
console.log("value =" + myMap[key]);
}
}
В JavaScript каждый объект имеет кучу встроенных пар ключ-значение, которые имеют мета-информации. Когда вы перебрать все пары ключ-значение для объекта вы'вновь перебирая их тоже. Использование метода hasOwnProperty() фильтры эти.
Вы можете использовать для..В` для этого.
for (var key in data)
{
var value = data[key];
}
ЕС6 предоставит карте.прототип.еогеасп(обратного вызова), который может быть использован такой
myMap.forEach(function(value, key, myMap) {
// Do something
});
Если вы используете Лодашь, Вы можете использовать _.команда foreach
_.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
console.log(key + ": " + value);
});
// => Logs 'a: 1' then 'b: 2' (iteration order is not guaranteed).
Вы можете использовать 'в' петли для этого:
for (var key in bar) {
var value = bar[key];
}
Ниже приводится пример, что так близко, как вы получите.
for(var key in data){
var value = data[key];
//your processing here
}
Если вы'вновь с помощью jQuery см.: http://api.jquery.com/jQuery.each/
да, вы можете иметь ассоциативные массивы также в JavaScript:
var obj =
{
name:'some name',
otherProperty:'prop value',
date: new Date()
};
for(i in obj)
{
var propVal = obj[i]; // i is the key, and obj[i] is the value ...
}
var global = (function() {
return this;
})();
// Pair object, similar to Python
function Pair(key, value) {
this.key = key;
this.value = value;
this.toString = function() {
return "(" + key + ", " + value + ")";
};
}
/**
* as function
* @param {String} dataName A String holding the name of your pairs list.
* @return {Array:Pair} The data list filled
* with all pair objects.
*/
Object.prototype.as = function(dataName) {
var value, key, data;
global[dataName] = data = [];
for (key in this) {
if (this.hasOwnProperty(key)) {
value = this[key];
(function() {
var k = key,
v = value;
data.push(new Pair(k, v));
})();
}
}
return data;
};
var d = {
'one': 1,
'two': 2
};
// Loop on your (key, list) pairs in this way
for (var i = 0, max = d.as("data").length; i < max; i += 1) {
key = data[i].key;
value = data[i].value;
console.log("key: " + key + ", value: " + value);
}
// delete data when u've finished with it.
delete data;