# Simple CRUD Object Into Array in JavaScript

**Hey everyone! In this article, we're gonna learn how to do some simple CRUD stuff with objects inside an array using JavaScript.**

1. Create object into array
    
    ```javascript
    let itemList = [
     { code: "BRG001", name: "Soap", price: 1.3, qty: 10},
     { code: "BRG002", name: "Shampoo", price: 2.5, qty: 5 },
     { code: "BRG003", name: "Toothpaste", price: 2, qty: 7 }
    ];
    ```
    
2. add another object
    
    ```javascript
    itemList.push({ code: "BRG004", name: "Tissue",   price: 1.5, qty: 20});
    itemList.push({ code: "BRG005", name: "Brush",    price: 2, qty: 12});
    itemList.push({ code: "BRG006", name: "Detergent", price: 5, qty: 9 });
    ```
    
3. Update data object
    
    ```javascript
    console.log("Before Update Data", itemList);
    const idShampoo = itemList.findIndex(b => b.code === "BRG002");
    if ( idShampoo !== -1) {
        itemList[idShampoo].price = 2.6;
        itemList[idShampoo].qty = 6;
    }
    
    const idTisuee = itemList.findIndex(b => b.code === "BRG004");
    if ( idTisuee !== -1 ) {
        itemList[idTisuee].price = 1.6;
        itemList[idTisuee].qty = 22;
    }
    
    console.log("After Update Data", itemList);
    ```
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1757736251887/47daf0e5-e4b4-452f-a6be-b25f73182895.png align="center")
    
4. Delete data object
    
    ```javascript
    console.log("Before Delete Data", itemList);
    
    function findIndexByCode(list, code) {
      return list.findIndex(
        (b) => b.code.toLowerCase() === code.toLowerCase()
      );
    }
    
    const idx = findIndexByKode(itemList, "BRG002");
    if (idx !== -1) {
      itemList.splice(idx, 1);
    }
    
    console.log("After Delete Data");
    ```
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1757736531234/f6fead40-7eda-4228-ae48-c52d44cc8289.png align="center")
    
5. Show data object with table
    
    ```javascript
    console.log("No | Code    | Name          | Price  | Qty");
    itemList.forEach((b, i) => {
     const no = String(i + 1).padStart(2, "0");
     const code = b.code.padEnd(7, " ");
     const name = b.name.padEnd(13, " ");
     const price = String(b.price).padStart(6, " ");
     const qty = String(b.qty).padStart(3, " ");
     console.log(`${no} | ${code} | ${name} | ${price} | ${qty}`);
    });
    ```
    
6. This Result
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1757553585818/a8a2e3a4-ef66-4dbf-a720-1ff0e055afc9.png align="center")
    

End!!

Your feedback is a gift. Let us know your thoughts in the comments below!.

See you next time guys!!!.

note: picture from [https://www.geeksforgeeks.org/javascript/how-to-convert-set-to-array-in-javascript/](https://www.geeksforgeeks.org/javascript/how-to-convert-set-to-array-in-javascript/)