Метод фильтра, и эти объекты передаются по ссылке

Как я могу сделать следующее, не меняя переменную "список"? Насколько я могу понять из документации (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), метод фильтра должен возвращать новую переменную, но ниже мне сказано, что это просто ссылка, поскольку переменная "список" изменяется? Может кто-нибудь объяснить это поведение и как его обойти (не хочу менять исходный "список" var)?

    var list = [{topic : "fussball", arr : [1,2]}, {topic : "soccer", arr : [3,4]}, 
                {topic : "fussball", arr : [5,6]},{topic : "soccer", arr : [7,8]}];
    function someFilterMethod(list, topic){
      let tops = list.filter( function(obj){ 
      if (obj.topic == topic){
        return obj;}  
      });
      for(let i = 0; i < tops.length ; i++){
        if (i < (tops.length)) {
          for(let j = (i+1) ; j<tops.length ; j++){
            if ( tops[i].topic.trim() == tops[j].topic.trim() ){
              tops[i].arr.push.apply(tops[i].arr, tops[j].arr);
              tops.splice(j, 1);
            }
         }
       }
     }
     return tops;
    }

    var a = someFilterMethod(list, "fussball");
    console.info(a);
    //> Array [Object { topic: "fussball", arr: Array [1, 2, 5, 6] }]
    console.info(list);
    //> Array [Object { topic: "fussball", arr: Array [1, 2, 5, 6] }, Object { topic: "soccer", arr: Array [3, 4] }, Object { topic: "fussball", arr: Array [5, 6] }, Object { topic: "soccer", arr: Array [7, 8] }, Object { topic: "hockey", arr: Array [9, 10] }, Object { topic: "golf", arr: Array [11, 12] }, Object { topic: "hockey", arr: Array [13, 14] }, Object { topic: "golf", arr: Array [15, 16] }]

SomeFilterMethod просто берет элементы одной и той же «темы», объединяет их массивы и возвращает их.

Чего ты хочешь добиться? четко укажите свой ожидаемый результат

— 28.05.2018 14:35

javascript

28.05.2018 14:27

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вам нужно проанализировать и strigify json, иначе он изменит существующий объект

var list = [{topic : "fussball", arr : [1,2]}, {topic : "soccer", arr : [3,4]}, 
            {topic : "fussball", arr : [5,6]},{topic : "soccer", arr : [7,8]}];
function someFilterMethod(list, topic){
  let tops = JSON.parse(JSON.stringify(list)).filter( function(obj){ 
  if (obj.topic == topic){
    return obj;}  
  });
  for(let i = 0; i < tops.length ; i++){
    if (i < (tops.length)) {
      for(let j = (i+1) ; j<tops.length ; j++){
        if ( tops[i].topic.trim() == tops[j].topic.trim() ){
          tops[i].arr.push.apply(tops[i].arr, tops[j].arr);
          tops.splice(j, 1);
        }
     }
   }
 }
 return tops;
}

var a = someFilterMethod(list, "fussball");
console.info(a);
//> Array [Object { topic: "fussball", arr: Array [1, 2, 5, 6] }]
console.info(list);
//> Array [Object { topic: "fussball", arr: Array [1, 2, 5, 6] }, Object { topic: "soccer", arr: Array [3, 4] }, Object { topic: "fussball", arr: Array [5, 6] }, Object { topic: "soccer", arr: Array [7, 8] }, Object { topic: "hockey", arr: Array [9, 10] }, Object { topic: "golf", arr: Array [11, 12] }, Object { topic: "hockey", arr: Array [13, 14] }, Object { topic: "golf", arr: Array [15, 16] }]

Спасибо!! @ Ахил Почему? Создает ли он новый объект и удаляет ссылку?

— 28.05.2018 14:40

это искомое свойство объекта, например, «ссылка» .:D; Если ты думаешь, что мой ответ правильный, отметьте его как правильный, будь осторожен, приятель.

— 28.05.2018 14:46

28.05.2018 14:35

С помощью Array.filters создается новая ссылка для массива, однако объекты по-прежнему используют одну и ту же ссылку. Следовательно, любое изменение объектов фильтруемого массива будет означать изменение исходного массива.

Вы можете попробовать следующее

 var list = [{topic : "fussball", arr : [1,2]}, {topic : "soccer", arr : [3,4]}, {topic : "fussball", arr : [5,6]},{topic : "soccer", arr : [7,8]}];
 
    function someFilterMethod(list, topic){
      return list.reduce((a,c) => {
        if (c.topic == topic) a.arr = [...a.arr, ...c.arr];
        return a;
      }, {topic, arr: []});
    }

    var a = someFilterMethod(list, "fussball");
    console.info(a);
    console.info(list);

28.05.2018 14:59

Другие вопросы по теме

Прокрутка страницы активна панель навигации удалить активный класс

Как написать модульный код JavaScript (библиотека)

Как получить время из формата ггггммддччммсс в javascript

React Native Flatlist не будет отображать ширину элемента динамически

P-раскрывающийся список, обернутый при нажатии на транспортире - Выберите значение - Элемент не активен в точке (x, y) Другой элемент получит щелчок

Как автоматически воспроизводить музыку с помощью звукового тега в jquery?

Управление проекциями в пользовательских Highmaps

Пользовательский интерфейс TypeScript

Разрешить удаленному серверу доступ к серверу API на локальном хосте

Приложение WebView в Android Studio

Метод фильтра, и эти объекты передаются по ссылке

Ответы 2

Другие вопросы по теме

Похожие вопросы