Как отфильтровать массив объектов и изменить данные в нём?

Question

[Eugene0203]

Есть массив:

const fruits = [ 
  {id: 1, type: 'apple', price: 52}, 
  {id: 2, type: 'apple', price: 76}, 
  {id: 3, type: 'orange', price: 48}, 
  {id: 4, type: 'orange', price: 52}, 
  {id: 5, type: 'apple', price: 32}, 
  {id: 6, type: 'pineapple', price: 52}, 
  {id: 7, type: 'apple', price: 88}, 
  {id: 8, type: 'pineapple', price: 66}, 
  {id: 9, type: 'apple', price: 52}, 
  {id: 10, type: 'pineapple', price: 88}, 
];

Надо убрать все объекты с именем apple, а для pineapple цену умножить на 2.
Решить минимум 2мя способами:
1) Первый способ должен менять данные исходного массива в соответствии с целью.
2) Второй - создавать новый массив, оставляя исходные данные неизменными.
Необходимо один из способов решения построить на функции ES5: или .filter() или .map(), или .reduce().

Comments

[approximate solution]

Только начинаю кодить JS

Зачем?
Я понимаю - просить помощи когда есть затуп на 98% задачи. Но у вас все входные данные есть, вам подсказали всё.
От того что нужно копировать старый массив, до какие функции использовать.

[Eugene0203]

Точно, нужно копировать исходный массив сначала, спасибо)_)

[Андрей Федоров]

А чему вы научитесь если эту задачу решат за вас?

[Eugene0203]

мне уже отправили пути подступа к задаче, решать всю задачу не надо было)

Answer 1

[Василий Банников]

Лучше подумайте ещё, как можно решить задачу - все подсказки на поверхности.
Вспомните циклы и условия.

Медвежья услуга

Первый вариант - в цикле перебираешь все элементы и через if-ы меняешь.
Второй вариант - то же самое, но через map и filter. Будет что-то типа

const result = fruits
        .map(fruit => fruit.type === "pineapple" 
            ? {...fruit, price: fruit.price * 2}
            : fruit)
        .filter(fruit => fruit.type !== "apple")

Comments

[Eugene0203]

огромное спасибо за идею!!))))))

[Eugene0203]

А как применить if только к тем элементам где есть строка 'apple'? :)

[Василий Банников]

Eugene0203, покажи код

[Eugene0203]

<script>
	const fruits = [ 
		{id: 1, type: 'apple', price: 52}, 
		{id: 2, type: 'apple', price: 76}, 
		{id: 3, type: 'orange', price: 48}, 
		{id: 4, type: 'orange', price: 52}, 
		{id: 5, type: 'apple', price: 32}, 
		{id: 6, type: 'pineapple', price: 52}, 
		{id: 7, type: 'apple', price: 88}, 
		{id: 8, type: 'pineapple', price: 66}, 
		{id: 9, type: 'apple', price: 52}, 
		{id: 10, type: 'pineapple', price: 88}, 
	];
	for(var i = 0; i<fruits.length; i++){
		if (fruits.type !== "apple") {
			continue;
		} else{
			console.log(fruits[i]);
	}
	</script>

[Василий Банников]

Eugene0203, а ты уже и так проверяешь, что фрукт - яблоко.
Только тебе нужно не в консоль выводить элементы, а перекладывать в другой массив (ну или удалять из имеющегося)

[Eugene0203]

Василий Банников, а удаление так работает? у меня что-то вообще не так все....

const fruits = [ 
		{id: 1, type: 'apple', price: 52}, 
		{id: 2, type: 'apple', price: 76}, 
		{id: 3, type: 'orange', price: 48}, 
		{id: 4, type: 'orange', price: 52}, 
		{id: 5, type: 'apple', price: 32}, 
		{id: 6, type: 'pineapple', price: 52}, 
		{id: 7, type: 'apple', price: 88}, 
		{id: 8, type: 'pineapple', price: 66}, 
		{id: 9, type: 'apple', price: 52}, 
		{id: 10, type: 'pineapple', price: 88}, 
	];
	for(var i = 0; i<fruits.length; i++){
		if (fruits.type !== "apple") {
			continue;
		} else{
			delete fruits[i];
			console.log(fruits[i]);
		}
	}

[Василий Банников]

Eugene0203, а как работает удаление?

[Eugene0203]

Василий Банников, ага, те лучше все-таки в новый массив закидывать...

[Василий Банников]

Eugene0203, попробуйте без создания нового массива сделать. Это достаточно интересная задача "на подумать"

Answer 2

[Андрей Гуртовой]

```
fruits.filter(item => item.type !== 'apple')
.map(item => {
if(item.type === 'pineapple') {
item.price = item.price * 2;
}
return item;
})
```

я не буду делать за вас вашу домашнюю работу!

Comments

[Eugene0203]

и за это огромное спасибо)))) Все и не надо было...