Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
0 / 0 / 0
Регистрация: 24.04.2021
Сообщений: 22

Работа с массивом

24.04.2021, 10:05. Показов 1355. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, я новичок в JS, react. В компоненте Test , я получаю через GET-запрос список с элементами id,x,y. Затем это все заносится в массив elements. Проблема вот в чем, я хочу написать функцию func(myId,myX,myY), в которой в массиве elements ищется id = myid, и происходит замена x на myX, y на myY, как это можно осуществить ? Спасибо

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
class Test extends React.Component{
  constructor(props){
    super(props);
    this.state ={
      elements: []
    };
  }
  componentDidMount(){
    fetch('${url}',{
      method: "GET",
      headers: {
        'Content-Type': 'application/json'
      }
    })
    .then(response => response.json())
    .then(data =>{
      var result = data.map(item =>
      {
        {
          id: item.id, x: item.x, y: item.y
        }
      })
    });
    this.setState({elements:result});
  }
 
  func(myId,myX,myY){
 
    //there should be a code
  }
}
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.04.2021, 10:05
Ответы с готовыми решениями:

Работа с массивом
Есть массив <?foreach($photos):?> <pre> <? print_r($photos);?> </pre> <?endforeach;?> ...

работа с массивом
Определить имеются ли в массиве элементы со значениями, содержащими цифру "1" Помогите если не трудно!

Работа с массивом
День добрый , подскажите пожалуйста , правильно ли я составил массив и присвоил ему значение, для проверки массив вывожу на Debug.Print ,...

4
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3959 / 2075 / 832
Регистрация: 13.03.2010
Сообщений: 6,845
24.04.2021, 13:06
Ищем элемент в массиве:
JavaScript
1
2
3
let element = array.find(el => el.id === myID);
element.x = myX;
element.y = myY;
Далее или записываем элемент обратно, или что нужно.
1
Coding is art
Эксперт JS
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
24.04.2021, 16:37
Лучший ответ Сообщение было отмечено vladozoff как решение

Решение

Если я правильно понял, что вы хотите сделать, то так:
JavaScript
1
2
3
4
5
6
7
func(myId, myX, myY) {
  const elements = this.state.elements.map((element) => {
    if(element.id !== myId) return element;
    return { id: myId, x: myX, y: myY };
  });
  this.setState({ elements });
}
пробегаемся по всем elements и подменяем элемент у которого совпадает id на наши значения..
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3959 / 2075 / 832
Регистрация: 13.03.2010
Сообщений: 6,845
25.04.2021, 00:22
muxahuk1214, такое решение имеет место быть, но по затратам ресурсов очень ёмкое. Одно дело, когда элементов в массиве 10, другое - 10000. И вариант с map тут в разы будет проигрывать, к сожалению.
0
Coding is art
Эксперт JS
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
25.04.2021, 03:38
Цитата Сообщение от gogolik Посмотреть сообщение
но по затратам ресурсов очень ёмкое
ваше решение не лучше, если элемент который мы ищем будет последним в списке...

да и к тому же стейт по ссылке не обновляется...

тогда уж как-то так (но тоже не фиксит луп, если элемент последний):

JavaScript
1
2
3
4
5
6
7
8
func(myId, myX, myY) {
    const elements = [...this.state.elements];
    const idx = elements.findIndex((e) => e.id === myId);
    if (idx === -1) return console.log("not found");
    elements[idx].x = myX;
    elements[idx].y = myY;
    this.setState({ elements });
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.04.2021, 03:38
Помогаю со студенческими работами здесь

Работа с массивом
Есть задача: Форму я собрал, проверка на ввод М и Н сделал, необходимо сделать ввод массива (тут я заткнулся и не могу ничего...

Работа с массивом
Задан целочисленный массив Х из 20 элементов, среди которых есть повторяющиеся. Определить наименьший и наибольший элементы массива. Если...

Работа с массивом
program Project7; {$APPTYPE CONSOLE} uses SysUtils; type mas = array of integer; var

работа с массивом
Добрый день! Пытаюсь получить данные из массива содержащего объекты. Заношу - все ОК. Читаю повторно массив - все данные сбиваются....

Работа с массивом
пытаюсь из массива многомерного, который из базы вытягивается создать массив и отфильтровать данные потом значение передать в текстовое...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru