Warning: Trying to access array offset on value of type bool in /home/kdjayako/public_html/wp-content/plugins/pro-elements/modules/dynamic-tags/tags/post-featured-image.php on line 36

Warning: Trying to access array offset on value of type bool in /home/kdjayako/public_html/wp-content/plugins/pro-elements/modules/dynamic-tags/tags/post-featured-image.php on line 36

Warning: Trying to access array offset on value of type bool in /home/kdjayako/public_html/wp-content/plugins/pro-elements/modules/dynamic-tags/tags/post-featured-image.php on line 36

Warning: Trying to access array offset on value of type bool in /home/kdjayako/public_html/wp-content/plugins/pro-elements/modules/dynamic-tags/tags/post-featured-image.php on line 36

KD Jayakody

Call Us: 076 72 33 595


Warning: Trying to access array offset on value of type bool in /home/kdjayako/public_html/wp-content/plugins/pro-elements/modules/dynamic-tags/tags/post-featured-image.php on line 36

How to Filter Items Inside an Array

Dec 19, 2022

To filter and remove objects from an array that have empty values (either null, undefined, or an empty string) in certain properties, you can use the filter method to create a new array that only includes objects that meet certain criteria.

For example, if you want to remove objects from the array that have an empty question property or an empty answer1 to answer4 property, you can do the following:

let array = [
  {
    answer1: "hsdbasdhgashg",
    answer2: "hjgjsdada",
    answer3: "sdasdasd",
    answer4: "sadsadsad",
    correctAnswer: 1,
    question: "lankawa",
    type: "1colquestion"
  },
  {
    answer1: "sdas",
    answer2: "asdas",
    answer3: "dasd",
    answer4: "asdas",
    correctAnswer: 1,
    question: "lalalala",
    type: "1colquestion"
  },
  {
    answer1: null,
    answer2: null,
    answer3: null,
    answer4: null,
    correctAnswer: 1,
    question: "",
    type: "1colquestion"
  }
]

// Create a new array that only includes objects where question and answer1 to answer4 are not empty
let filteredArray = array.filter(obj => obj.question && obj.answer1 && obj.answer2 && obj.answer3 && obj.answer4)

// The filteredArray will be [
//   {
//     answer1: "hsdbasdhgashg",
//     answer2: "hjgjsdada",
//     answer3: "sdasdasd",
//     answer4: "sadsadsad",
//     correctAnswer: 1,
//     question: "lankawa",
//     type: "1colquestion"
//   },
//   {
//     answer1: "sdas",
//     answer2: "asdas",
//     answer3: "dasd",
//     answer4: "asdas",
//     correctAnswer: 1,
//     question: "lalalala",
//     type: "1colquestion"
//   }
// ]

This code creates a new array called filteredArray that only includes objects from the original array where the question property and the answer1 to answer4 properties are not empty.

If you want to filter and remove empty values from an array stored in local storage, you can retrieve the array from local storage, filter it as shown above, and then update the array in local storage with the modified version.

Here’s an example of how you can do this:

// Get the array from local storage
let array = JSON.parse(localStorage.getItem('arrayName'))

// Create a new array that only includes objects where question and answer1 to answer4 are not empty
let filteredArray = array.filter(obj => obj.question && obj.answer1 && obj.answer2 && obj.answer3 && obj.answer4)

// Update the array in local storage
localStorage.setItem('arrayName', JSON.

Recent Posts