Locate the subsequent elements in an array using Angular 2

Question

Locate the subsequent elements in an array using Angular 2

In my Angular 2 application, I am working with an array of objects. My goal is to retrieve the next five elements in the array that have a key greater than the one provided.

If I input key = 1, the expected output should be values with keys [2, 3, 4, 5, 6]
If I input key = 2, the expected output should be values with keys [3, 4, 5, 6, 7]
If I input key = 10, the expected output should be values with keys [11, 12, 13, 14]
If I input key = 12, the expected output should be values with keys [13, 14]

[
{key: "1", value: "value1"}
{key: "2", value: "value2"}
{key: "3", value: "value3"}
{key: "4", value: "value4"}
{key: "5", value: "value5"}
{key: "6", value: "value6"}
{key: "7", value: "value7"}
{key: "8", value: "value8"}
{key: "9", value: "value9"}
{key: "10", value: "value10"}
{key: "11", value: "value11"}
{key: "12", value: "value12"}
{key: "13", value: "value13"}
{key: "14", value: "value14"}
]

javascript arrays

Answer 1

Answer №1

let info = [
{key: "a", value: "infoA"},
{key: "b", value: "infoB"},
{key: "c", value: "infoC"},
{key: "d", value: "infoD"},
{key: "e", value: "infoE"},
{key: "f", value: "infoF"},
{key: "g", value: "infoG"},
{key: "h", value: "infoH"},
{key: "i", value: "infoI"},
{key: "j", value: "infoJ"},
{key: "k", value: "infoK"},
{key: "l", value: "infoL"},
{key: "m", value: "infoM"},
{key: "n", value: "infoN"}
]   

 getNextThree = (key) => { 
      const index = info.findIndex(item => item.key == key); // no type checking
      if (index > -1) { // if key exists in data
         return info.slice(index + 1, index + 4).map(val => parseInt(val.key))
      } else {  // if key doesnt exist in data
         return []
      }
    }

console.log(getNextThree("a"));
console.log(getNextThree("b"));
console.log(getNextThree("j"));
console.log(getNextThree("l"));

Answer 2

let info = [
{key: "a", value: "infoA"},
{key: "b", value: "infoB"},
{key: "c", value: "infoC"},
{key: "d", value: "infoD"},
{key: "e", value: "infoE"},
{key: "f", value: "infoF"},
{key: "g", value: "infoG"},
{key: "h", value: "infoH"},
{key: "i", value: "infoI"},
{key: "j", value: "infoJ"},
{key: "k", value: "infoK"},
{key: "l", value: "infoL"},
{key: "m", value: "infoM"},
{key: "n", value: "infoN"}
]   

 getNextThree = (key) => { 
      const index = info.findIndex(item => item.key == key); // no type checking
      if (index > -1) { // if key exists in data
         return info.slice(index + 1, index + 4).map(val => parseInt(val.key))
      } else {  // if key doesnt exist in data
         return []
      }
    }

console.log(getNextThree("a"));
console.log(getNextThree("b"));
console.log(getNextThree("j"));
console.log(getNextThree("l"));

Answer 3

Answer №2

To exclude all items with a key lower than the specified key in JavaScript, you can utilize the filter function and subsequently apply splice to limit the array to 5 elements. Check out the code snippet below.

getNextEls = (key) => {

  var arr = data.filter((x) => {
    return parseInt(x.key) > key
  })

  arr = arr.length > 5 ? arr.slice(0, 5) : arr
  return arr
}

If you only wish to retrieve the keys or values from those items, you can incorporate the following conditions within the filter logic.

if (parseInt(x.key) > key){
  return parseInt(x.key) //to get the key.
  return x[x.key] //to acquire the values
}

var data = [{
    key: "1",
    value: "value1"
  },
  {
    key: "2",
    value: "value2"
  },
  ...
]

getNextEls = (key) => {

  var arr = data.filter((x) => {
    return parseInt(x.key) > key
  })
  
  arr = arr.length > 5 ? arr.slice(0, 5) : arr
  return arr
}

console.log(getNextEls(1))
console.log('-----')
console.log(getNextEls(2))
console.log('-----')
console.log(getNextEls(3))
console.log('-----')
console.log(getNextEls(12))

Answer 4

To exclude all items with a key lower than the specified key in JavaScript, you can utilize the filter function and subsequently apply splice to limit the array to 5 elements. Check out the code snippet below.

getNextEls = (key) => {

  var arr = data.filter((x) => {
    return parseInt(x.key) > key
  })

  arr = arr.length > 5 ? arr.slice(0, 5) : arr
  return arr
}

If you only wish to retrieve the keys or values from those items, you can incorporate the following conditions within the filter logic.

if (parseInt(x.key) > key){
  return parseInt(x.key) //to get the key.
  return x[x.key] //to acquire the values
}

var data = [{
    key: "1",
    value: "value1"
  },
  {
    key: "2",
    value: "value2"
  },
  ...
]

getNextEls = (key) => {

  var arr = data.filter((x) => {
    return parseInt(x.key) > key
  })
  
  arr = arr.length > 5 ? arr.slice(0, 5) : arr
  return arr
}

console.log(getNextEls(1))
console.log('-----')
console.log(getNextEls(2))
console.log('-----')
console.log(getNextEls(3))
console.log('-----')
console.log(getNextEls(12))

Answer 5

Answer №3

let newArray = [];
information.forEach(function (object) {
    if (object.id > passedKey && count <= 5) {
        newArray.push(object.data);
        count++;
    }
});
console.log(newArray[]);

Answer 6

let newArray = [];
information.forEach(function (object) {
    if (object.id > passedKey && count <= 5) {
        newArray.push(object.data);
        count++;
    }
});
console.log(newArray[]);

Locate the subsequent elements in an array using Angular 2

Answer №1

Answer №2

Answer №3

Similar questions

Incorporate New Element into the Express Request Object

Can a client receive a response from server actions in Next.js 13?

Is compiling inline sass possible with npm?

What is the process for enabling audio to start downloading immediately after the user clicks a button on the same webpage?

Why won't disabling a Javascript checkbox also grey out the associated label in ASP.NET?

Is there a way to retrieve the value of a dropped file in a file input using jQuery?

My toggleclass function seems to be malfunctioning

Do not use unnecessary variables for storing references in ES6

Conceal the results of echoing json_encode

Plugin for saving inline edits in CKEditor 4

Are the elements in char *name[] organized as an array of pointers or as a pointer to

developing a side navigation panel with html and jquery

What causes the variation in size between the next/image and img HTML elements?

What could be causing the jqgrid reload event to not work after using jquery.ajax(type:html)?

The last ajax call in a Spring application is triggered after the user logs in

What is the most effective method for retrieving Key-Value Pairs from a disorganized String?

The function startAfter() in Firebase Realtime Database (RTDB) does not seem

Send a nested object as part of the POST request

Guide on developing and releasing a Vuejs component on NPM

The useReducer state change introduces a slight one-character delay during the onChange event