Locating a specific item by referencing its neighboring sibling

Question

Locating a specific item by referencing its neighboring sibling

Imagine having a dataset structured like this:

var items = [
  {
    category: 'shoes',
  },
  {
    category: 'hat',
  },
  {
    category: 'scarf'
  },
  {
    category: 'shoes'
  }
]

I am in search of a method to locate (find item) and transform (edit item on-the-fly) the item with a matching category of shoes where the node before it has a category that equals scarf. Essentially, only the last item in the array should be targeted.

Is there a JavaScript solution for achieving this task? Are there any libraries that offer this specific functionality?

javascript arrays json object traversal

Answer 1

Answer №1

A straightforward solution could be achieved using a for loop:

for (let index = 0; index < elements.length - 1; index++) {
  if (elements[index + 1].category == "top" && elements[index].category == "bottom") {
    // perform necessary actions here
  }
}

Answer 2

A straightforward solution could be achieved using a for loop:

for (let index = 0; index < elements.length - 1; index++) {
  if (elements[index + 1].category == "top" && elements[index].category == "bottom") {
    // perform necessary actions here
  }
}

Answer 3

Answer №2

here's a sample function utilizing the reduce method:

var items = [
  {
    category: 'shoes'
  },
  {
    category: 'hats'
  },
  {
    category: 'gloves'
  },
  {
    category: 'shoes'
  }
]
function filterItems(arr,item,before){
  return arr.reduce(function(acc,current,index,arr){
        if(current.category==item && arr[index - 1] && arr[index-1].category==before){
         acc.push(current); 
        }
        return acc ;
    },[])
}
console.log( filterItems(items,'shoes','gloves'))

Answer 4

here's a sample function utilizing the reduce method:

var items = [
  {
    category: 'shoes'
  },
  {
    category: 'hats'
  },
  {
    category: 'gloves'
  },
  {
    category: 'shoes'
  }
]
function filterItems(arr,item,before){
  return arr.reduce(function(acc,current,index,arr){
        if(current.category==item && arr[index - 1] && arr[index-1].category==before){
         acc.push(current); 
        }
        return acc ;
    },[])
}
console.log( filterItems(items,'shoes','gloves'))

Locating a specific item by referencing its neighboring sibling

Answer №1

Answer №2

Similar questions

Encountering an undefined json array when making an AJAX request

Having trouble showing JSON data with Ionic 2 and Xcode?

Using WEBGL to Showcase Your Images: A Step-by-Step Guide

Generate a new perspective by incorporating two distinct arrays

Is there a clever method for saving the latest section of an uninterrupted flow in an array?

Unable to Interpret JSON in Universal Windows Platform

Guide to showcasing a placeholder in MUI's Select component

Enumeration field with Conditional logic

Is the exchange between Ajax/jQuery and PHP a two-way street?

Encountered a null pointer exception while trying to send an array from Java to an Android device using ObjectInputStream and

Ensure that ExpressJS response includes asynchronous try/catch handling for any errors thrown

"Embrace the Tempus Dominus integration for the latest version of Bootstrap -

Struggling to import PHP array data into MySQL database

What is the best way to implement a required input field in Vue.js?

Using NodeJS to facilitate communication between multiple NodeJS instances while also overseeing operations of a Minecraft server

Is there a tool available that can convert a cron schedule into a more user-friendly, easy-to-read format?

Exploring the process of adding arrays to highcharts using jQuery

Issue encountered with Quik Flip plugin in jQuery

Retrieve the Axios response without interruption, even in the event of an exception, when making API calls with multiple files

Javascript closures: a common pitfall