Eliminate an item from an array that contains multiple arrays

Question

Eliminate an item from an array that contains multiple arrays

I am working with a multidimensional array that looks like this:

myArray = [
  ["ooooh", "that"],
  ["dog ", "of"],
  ["mine", "word...."]
]

My goal is to remove the array item: ["ooooh", "that"]

Although I know that element 0 is "ooooh" and element 1 is "that", I do not know the position of these elements within the larger array. Is there an efficient way to achieve this?

After researching, I found suggestions like delete myArray['1'] or knowing the index of the element in the array - but in my case, I need both elements 0 and 1 to match for removal.

In pseudo code, I would like to do something like:

myArray.destroy(["ooooh", "that"])

Any ideas on how to make this happen?

javascript arrays

Answer 1

Answer №1

If you want to take an item out of a list, you can utilize the splice method.

myList.splice(
   myList.findIndex( item => 
     item[0] == "ooooh" && item[1] == "that"
   ), 
1);

I hope this explanation is helpful :>

myList = [
["ooooh", "that"],
["dog ", "of"],
["mine", "word...."]];

myList.splice(myList.findIndex(item => item[0] == "ooooh" && item[1] == "that"), 1);

console.log(myList)

Answer 2

If you want to take an item out of a list, you can utilize the splice method.

myList.splice(
   myList.findIndex( item => 
     item[0] == "ooooh" && item[1] == "that"
   ), 
1);

I hope this explanation is helpful :>

myList = [
["ooooh", "that"],
["dog ", "of"],
["mine", "word...."]];

myList.splice(myList.findIndex(item => item[0] == "ooooh" && item[1] == "that"), 1);

console.log(myList)

Answer 3

Answer №2

Just apply a filter to your array

var myList = [
["ooooh", "that"],
["dog ", "of"],
["mine", "word...."]
]

deleteFromList = (val, list) => list.filter(a=>JSON.stringify(a)!=JSON.stringify(val))

console.log(
  deleteFromList(["ooooh", "that"], myList)
)

/* Alternatively */

myList = myList.filter(a=>JSON.stringify(a)!=JSON.stringify(["ooooh", "that"]))

console.log(myList)

Answer 4

Just apply a filter to your array

var myList = [
["ooooh", "that"],
["dog ", "of"],
["mine", "word...."]
]

deleteFromList = (val, list) => list.filter(a=>JSON.stringify(a)!=JSON.stringify(val))

console.log(
  deleteFromList(["ooooh", "that"], myList)
)

/* Alternatively */

myList = myList.filter(a=>JSON.stringify(a)!=JSON.stringify(["ooooh", "that"]))

console.log(myList)

Answer 5

Answer №3

Combining the filter and every functions allows for a flexible approach.

const wordsList = [
  ["apple", "banana"],
  ["cat", "dog"],
  ["elephant", "flower"]
];

const wordsToRemove = ["apple", "banana"];

const result = wordsList.filter(word => !wordsToRemove.every(item => word.includes(item)));
console.log(result);

Answer 6

Combining the filter and every functions allows for a flexible approach.

const wordsList = [
  ["apple", "banana"],
  ["cat", "dog"],
  ["elephant", "flower"]
];

const wordsToRemove = ["apple", "banana"];

const result = wordsList.filter(word => !wordsToRemove.every(item => word.includes(item)));
console.log(result);

Answer 7

Answer №4

There are various methods to achieve this, as mentioned in the previous responses. However, I find that using the filter function is the most straightforward approach. Here is an example:

myList = [
    ["ooooh", "that"],
    ["dog ", "of"],
    ["mine", "word"]
];
    
myList = myList.filter((element) =>
    //filter condition 
    (!
       ((element[0] == 'ooooh') && (element[1] == 'that'))
    )
);

console.log(myList)

Answer 8

There are various methods to achieve this, as mentioned in the previous responses. However, I find that using the filter function is the most straightforward approach. Here is an example:

myList = [
    ["ooooh", "that"],
    ["dog ", "of"],
    ["mine", "word"]
];
    
myList = myList.filter((element) =>
    //filter condition 
    (!
       ((element[0] == 'ooooh') && (element[1] == 'that'))
    )
);

console.log(myList)

Answer 9

Answer №5

If you want to compare arrays as strings, you can utilize the filter function.

myList = [
  ["ooooh", "that"],
  ["dog ", "of"],
  ["mine", "word...."]
];

let findMe = ["ooooh", "that"]

myList = myList.filter((curr) => curr.join() !== findMe.join())

console.log(myList)

Answer 10

If you want to compare arrays as strings, you can utilize the filter function.

myList = [
  ["ooooh", "that"],
  ["dog ", "of"],
  ["mine", "word...."]
];

let findMe = ["ooooh", "that"]

myList = myList.filter((curr) => curr.join() !== findMe.join())

console.log(myList)

Answer 11

Answer №6

I may be a little late to the gathering, but I have some thoughts to share:

let items = [
  ["oh wow", "this"],
  ["cat", "is"],
  ["crazy", "cool"]
];

Array.prototype.remove = function(array) {
  this.forEach((element, index) => {
    if (JSON.stringify(element) === JSON.stringify(array)) {
      this.splice(index, 1);
    }
  });
}

console.log(items);

items.remove(["oh wow", "this"]);

console.log(items);

Answer 12

I may be a little late to the gathering, but I have some thoughts to share:

let items = [
  ["oh wow", "this"],
  ["cat", "is"],
  ["crazy", "cool"]
];

Array.prototype.remove = function(array) {
  this.forEach((element, index) => {
    if (JSON.stringify(element) === JSON.stringify(array)) {
      this.splice(index, 1);
    }
  });
}

console.log(items);

items.remove(["oh wow", "this"]);

console.log(items);

Answer 13

Answer №7

You have the option to utilize the pop method to eliminate an element from your array.
This link leads to its documentation.

myArray = [
["ooooh", "that"],
["dog ", "of"],
["mine", "word..."]
]

console.log("Initial Array:");
console.log(myArray);

/**
 * Deletes a specific array from an array of arrays 
 *
 * @param  {String} myArray       - The original array of arrays
 * @param  {String} arrayToRemove - The array that will be deleted from myArray
 */
function destroy(myArray, arrayToRemove) {
        arrayIndexToBeRemoved = myArray.findIndex(item => item[0] == arrayToRemove[0] && item[1] == arrayToRemove[1]);
        if (arrayIndexToBeRemoved != -1){
            removedArray = myArray.pop(arrayIndexToBeRemoved);
            console.log("Deleted: " + removedArray);
        } else {
            console.log("Unable to locate: " + arrayToRemove + " in: " + myArray);
        }
}

destroy(myArray, ["mine", "word..."]);

console.log("Updated Array:");
console.log(myArray);

Answer 14

You have the option to utilize the pop method to eliminate an element from your array.
This link leads to its documentation.

myArray = [
["ooooh", "that"],
["dog ", "of"],
["mine", "word..."]
]

console.log("Initial Array:");
console.log(myArray);

/**
 * Deletes a specific array from an array of arrays 
 *
 * @param  {String} myArray       - The original array of arrays
 * @param  {String} arrayToRemove - The array that will be deleted from myArray
 */
function destroy(myArray, arrayToRemove) {
        arrayIndexToBeRemoved = myArray.findIndex(item => item[0] == arrayToRemove[0] && item[1] == arrayToRemove[1]);
        if (arrayIndexToBeRemoved != -1){
            removedArray = myArray.pop(arrayIndexToBeRemoved);
            console.log("Deleted: " + removedArray);
        } else {
            console.log("Unable to locate: " + arrayToRemove + " in: " + myArray);
        }
}

destroy(myArray, ["mine", "word..."]);

console.log("Updated Array:");
console.log(myArray);

Eliminate an item from an array that contains multiple arrays

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Similar questions

Create a new Chart.js Chart by using the data retrieved from an AJAX request and encoded in JSON

Utilize Vue in external files

How can I access the target element during ng-change event?

Filtering objects in AngularJS is a complex task, especially when you need to be able to search for a specific value but also consider if that value exists

Enhancing JavaScript Arrays by incorporating data from a JSON file

What is the best way to access the iframe element?

I am unsure of the timestamp format for the value 1522899000000. Can it be used in both Ionic and AngularJS? And how would one go

Style the div element with CSS

Is there a way to show a pre-set username value to prevent receiving an error message that says it's undefined?

Looping through an array and appending distinct elements to a fresh array

What is the best way to determine the nearest pixel point indexes of an RGB list compared to another RGB list?

Upload your existing image files to Dropzone

Tips on utilizing browser.getCurrentUrl() within a Protractor examination

Error in array presentation due to structural issues

Utilize DTOptionsBuilder and AngularJs ColVis to trigger actions when there are changes in column visibility

Exploring NextJS with Typescript to utilize the getStaticProps method

Monitoring changes in an array of objects using AngularJS's $watch function

Encountered an issue retrieving tweets from the Twitter API 1.1

Ways to correctly import various CSS files for individual routes in a Vuejs application

What is the best way to ensure that the HTML page is only shown once all data from three JSON files has been fully