jQuery reindex array

Question

I have this javascript / jQuery code:

var json = [
    {
        id: 0,
        text: 'enhancement'
    },
    {
        id: 1,
        text: 'bug'
    },
    {
        id: 3,
        text: 'invalid'
    },
    {
        id: 4,
        text: 'wontfix'
    }
];



delete json[2]
console.log(json)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

This code delete the array key 2. But I need an reindex after that, so that I can access the other 3 values like:

json[0]
json[1]
json[2]

How can I realize this ?

Did you tried something? – Calvin Nunes Nov 09 '21 at 12:39 — Calvin Nunes, Nov 09 '21 at 12:39
You could try with `json.splice(2,1);` – Carsten Løvbo Andersen Nov 09 '21 at 12:39 — Carsten Løvbo Andersen, Nov 09 '21 at 12:39

Sina Kadkhodaei · Answer 1 · 2021-11-09T13:52:54.473

2

Use splice instead of delete like below (W3schools splice):

json.splice(target_index,1);

Please read the Mozila page about the splice method for more information.

edited Nov 09 '21 at 13:52

answered Nov 09 '21 at 12:40

Sina Kadkhodaei

510
4
10

1

@Skully after using splice, OP can use `json[0] - > json[2]` and get expected result – Carsten Løvbo Andersen Nov 09 '21 at 12:44

score 0 · Accepted Answer · answered Nov 09 '21 at 12:42

0

If you don't want to mutate the value you can simply filter the array

json.filter((i, idx) => idx !== 2)

answered Nov 09 '21 at 12:42

lost_in_magento

703
8
22

score 0 · Answer 3 · answered Nov 09 '21 at 12:52

you can reindex by simply using

json.filter(function(){return true;})

here is a working demo.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#delete").click(function(){
   var json = [
    {
        id: 0,
        text: 'enhancement'
    },
    {
        id: 1,
        text: 'bug'
    },
    {
        id: 3,
        text: 'invalid'
    },
    {
        id: 4,
        text: 'wontfix'
    }
];



delete json[2]


console.log(json.filter(function(){return true;}))
  });
});
</script>
</head>
<body>
 <button id="delete">delete</button>
</body>
</html>

score 0 · Answer 4 · answered Nov 09 '21 at 12:52

0

Splice method removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.

splice(start: number, deleteCount?: number)

json.splice(2, 1);

answered Nov 09 '21 at 12:52

Shubham Rajodiya

21
2

jQuery reindex array

4 Answers4