Я хочу циклически просматривать объекты, содержащиеся в массиве, и изменять свойства каждого из них. Если я сделаю это:
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j]);
}
Консоль должна вывести каждый объект в массиве, верно? Но на самом деле он выводит только первый объект. Если я выведу консольный лог массива вне цикла, то появятся все объекты, так что там точно есть еще.
В любом случае, вот следующая проблема. Как мне получить доступ, например, к объекту Object1.x в массиве, используя цикл?
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j.x]);
}
Это возвращает "undefined." И снова журнал консоли вне цикла сообщает мне, что все объекты имеют значения для "x". Как мне получить доступ к этим свойствам в цикле?
В другом месте мне рекомендовали использовать отдельные массивы для каждого из свойств, но я хочу убедиться, что сначала исчерпал этот путь.
Спасибо!
Используйте forEach как встроенную функцию массива. Array.forEach()
:
yourArray.forEach(function (arrayItem) {
var x = arrayItem.prop1 + 2;
console.log(x);
});
В некоторых случаях использование перебора массива в функциональное программирование в JavaScript:
const myArray = [{x:100}, {x:200}, {x:300}];
myArray.forEach((element, index, array) => {
console.log(element.x); // 100, 200, 300
console.log(index); // 0, 1, 2
console.log(array); // same myArray object 3 times
});
Примечание: Массив.прототип.по каждому элементу () - это не функционально, строго говоря, как эта функция принимает в качестве входного параметра не должна возвращать значение, которое, следовательно, не может рассматриваться как чистая функция.
const people = [
{name: 'John', age: 23},
{name: 'Andrew', age: 3},
{name: 'Peter', age: 8},
{name: 'Hanna', age: 14},
{name: 'Adam', age: 37}];
const anyAdult = people.some(person => person.age >= 18);
console.log(anyAdult); // true
const myArray = [{x:100}, {x:200}, {x:300}];
const newArray= myArray.map(element => element.x);
console.log(newArray); // [100, 200, 300]
Примечание: метод map() создает новый массив с результатами вызова предоставленной функции на каждый элемент в массиве.
const myArray = [{x:100}, {x:200}, {x:300}];
const sum = myArray.map(element => element.x).reduce((a, b) => a + b, 0);
console.log(sum); // 600 = 0 + 100 + 200 + 300
const average = sum / myArray.length;
console.log(average); // 200
const myArray = [{x:100}, {x:200}, {x:300}];
const newArray= myArray.map(element => {
return {
...element,
x: element.x * 2
};
});
console.log(myArray); // [100, 200, 300]
console.log(newArray); // [200, 400, 600]
const people = [
{name: 'John', group: 'A'},
{name: 'Andrew', group: 'C'},
{name: 'Peter', group: 'A'},
{name: 'James', group: 'B'},
{name: 'Hanna', group: 'A'},
{name: 'Adam', group: 'B'}];
const groupInfo = people.reduce((groups, person) => {
const {A = 0, B = 0, C = 0} = groups;
if (person.group === 'A') {
return {...groups, A: A + 1};
} else if (person.group === 'B') {
return {...groups, B: B + 1};
} else {
return {...groups, C: C + 1};
}
}, {});
console.log(groupInfo); // {A: 3, C: 1, B: 2}
const myArray = [{x:100}, {x:200}, {x:300}];
const newArray = myArray.filter(element => element.x > 250);
console.log(newArray); // [{x:300}]
Примечание: метод filter() создает новый массив с все элементы, которые проходят испытания осуществляется при условии функции.
const people = [
{ name: "John", age: 21 },
{ name: "Peter", age: 31 },
{ name: "Andrew", age: 29 },
{ name: "Thomas", age: 25 }
];
let sortByAge = people.sort(function (p1, p2) {
return p1.age - p2.age;
});
console.log(sortByAge);
const people = [ {name: "john", age:23},
{name: "john", age:43},
{name: "jim", age:101},
{name: "bob", age:67} ];
const john = people.find(person => person.name === 'john');
console.log(john);
Массив.прототип.метод find() возвращает значение первого элемента в массиве, который удовлетворяет предусмотрена функция тестирования.
В ECMAScript 2015 ES6 в ака, вы можете использовать для ... петли, чтобы перебрать массив объектов.
for (let item of items) {
console.log(item); // Will display contents of the object inside the array
}
На момент публикации этого ответа, поддержка довольно несуществующий для Internet Explorer, но с помощью transpiler как Трейсер или Бабеля, вы можете использовать новые функции JavaScript, как это, не очень беспокоясь о том, что браузеры поддерживают то, что.
Здесь'ы пример того, как можно сделать это :)
в
var students = [{
name: "Mike",
track: "track-a",
achievements: 23,
points: 400,
},
{
name: "james",
track: "track-a",
achievements: 2,
points: 21,
},
]
students.forEach(myFunction);
function myFunction(item, index) {
for (var key in item) {
console.log(item[key])
}
}
в
Цикл через массив объектов-это довольно фундаментальную функциональность. Это то, что работает для меня.
в
var person = [];
person[0] = {
firstName: "John",
lastName: "Doe",
age: 60
};
var i, item;
for (i = 0; i < person.length; i++) {
for (item in person[i]) {
document.write(item + ": " + person[i][item] + "<br>");
}
}
в
myArray[j.x]
логически неверно.
Вместо этого используйте (myArray[j].x);
.
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j].x);
}
Это's действительно простой использовать метод forEach, поскольку в ES5+. Вы можете напрямую изменять каждого свойства каждого объекта в массиве.
myArray.forEach(function (arrayElem){
arrayElem = newPropertyValue;
});
Если вы хотите получить доступ к конкретной недвижимости по каждому объекту:
myArray.forEach(function (arrayElem){
arrayElem.nameOfYourProperty = newPropertyValue;
});
Это будет работать. Зацикливание тщательного выбора(yourArray) . Затем петли через прямые свойства каждого объекта (eachObj) .
yourArray.forEach( function (eachObj){
for (var key in eachObj) {
if (eachObj.hasOwnProperty(key)){
console.log(key,eachObj[key]);
}
}
});
Здесь'ы еще один способ перебора массива объектов (нужно включить библиотеку jQuery в документ для них).
$.each(array, function(element) {
// do some operations with each element...
});
Принятый ответ использует нормальную функцию. Поэтому размещая один и тот же код с небольшими изменениями, используя стрелки функции оператора foreach
yourArray.forEach(arrayItem => {
var x = arrayItem.prop1 + 2;
console.log(x);
});
Также в $.каждый вы можете использовать функцию стрелки, как показано ниже
$.each(array, (item, index) => {
console.log(index, item);
});
в
const jobs = [
{
name: "sipher",
family: "sipherplus",
job: "Devops"
},
{
name: "john",
family: "Doe",
job: "Devops"
},
{
name: "jim",
family: "smith",
job: "Devops"
}
];
const txt =
` <ul>
${jobs.map(job => `<li>${job.name} ${job.family} -> ${job.job}</li>`).join('')}
</ul>`
;
document.body.innerHTML = txt;
в
Будьте осторожны об обратной галочки (`)
в
var c = {
myProperty: [
{ name: 'this' },
{ name: 'can' },
{ name: 'get' },
{ name: 'crazy' }
]
};
c.myProperty.forEach(function(myProperty_element) {
var x = myProperty_element.name;
console.log('the name of the member is : ' + x);
})
в
Это один из способов, как я смог достигнуть этого.