how to remove an element from array stored in json object? | angular js | scope

Question

I have json object with following structure:

$scope.sellAccessories[0]=[
{id: [178], item_name: ["Nescafe","ggfftrww"], quantity: [1], total_price:[300]}
]

my problem is that i want to remove some elements from the array before i send the json object to the server side.

i tried to remove the second element in the array item_name which is ggfftrww using the splice function:

var index = $scope.sellAccessories[0].item_name.indexOf($scope.sellAccessories[0].item_name[1]);

if (index > -1) {
   $scope.sellAccessories[0].item_name.splice(index, 1);
}

but it didn't work.

thanks in advance this is stopping my work flow.

Lolu Omosewo · Accepted Answer · 2018-05-02 00:17:33Z

1

Its better to bring out your item_name to a variable, perform the splice and then set the result to the object property as follows;

var itemToChange=$scope.sellAccessories[0].item_name;
var index = itemToChange.indexOf(itemToChange[1]);

if (index > -1) {
   itemToChange.splice(index, 1);
   $scope.sellAccessories[0].item_name=itemToChange;
}

answered May 2, 2018 at 0:17

Lolu Omosewo

2631 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ali Over a year ago

this is easy and nice!

CertainPerformance Over a year ago

splice mutates the original array; the last line there is redundant.

CertainPerformance · Accepted Answer · 2018-05-02 00:13:34Z

JSON is a method of formatting a string; if what you're dealing with isn't a string, call it an object or array.

From your question, sellAccessories is an array of arrays - it's not just a plain array, so you can't just access the item_name through sellAccessories[0].item_name.

Objects are only references to memory locations, so you can simply access the array and remove the appropriate property:

const scope = { sellAccessories: [] };
scope.sellAccessories[0] = [{
  id: [178],
  item_name: ["Nescafe", "ggfftrww"],
  quantity: [1],
  total_price: [300]
}]
const { item_name } = scope.sellAccessories[0][0];
item_name.splice(item_name.indexOf('ggfftrww'));
console.log(item_name);

shna · Accepted Answer · 2018-05-02 12:23:56Z

1

Instead of doing with multiple steps, you could do it with single line as mentioned below.

$scope.sellAccessories[0] = $scope.sellAccessories[0]['item_name'].splice(0,1);

answered May 2, 2018 at 12:23

shna

395 bronze badges

Collectives™ on Stack Overflow

how to remove an element from array stored in json object? | angular js | scope

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related