How can you add an object to an array in JavaScript without knowing the index?

Question

How can you add an object to an array in JavaScript without knowing the index?

I am working with an array

var prices = ['100','200','300','500'];

In my code, I am trying to insert a price if certain conditions are met.

var index = prices.indexOf(400);

if(index){  
       prices.splice(1, 0, '150'); 
         };



var index2 = prices.indexOf(200);

    if(index2){  
           prices.splice(3, 0, '600'); 
              };

One challenge I am facing is that I need to insert the value '600' after '300', but the index changes if the first condition is met. How can I ensure '600' gets added after '300' in this scenario?

Update

If the first condition occurs, the updated array should be:

// ['100','150','200','300','600','500']

If not,

// ['100','200','300','600','500']

javascript arrays react-native

Answer 1

Answer №1

Here is an example of HTML and JavaScript code:

<div id="demo"> </div>

In the JavaScript section:

var prices = ['100','200','300','500'];
document.getElementById("demo").innerHTML = prices;

function myFunction() {

    var index = prices.indexOf('400');
    if(index >= 0){
        prices.splice(1, 0, '150'); 
    }

    index = prices.indexOf('300');

    if(index >= 0){
        prices.splice(index + 1, 0, '600'); 

    }

    document.getElementById("demo").innerHTML = prices;

}

Answer 2

Here is an example of HTML and JavaScript code:

<div id="demo"> </div>

In the JavaScript section:

var prices = ['100','200','300','500'];
document.getElementById("demo").innerHTML = prices;

function myFunction() {

    var index = prices.indexOf('400');
    if(index >= 0){
        prices.splice(1, 0, '150'); 
    }

    index = prices.indexOf('300');

    if(index >= 0){
        prices.splice(index + 1, 0, '600'); 

    }

    document.getElementById("demo").innerHTML = prices;

}

How can you add an object to an array in JavaScript without knowing the index?

Answer №1

Similar questions

Explore the OData hyperlink within BreezeJS

Slideshow of table rows in HTML

Execute AJAX function following the completion of table loading from PHP in Ajax

What is the best method for extracting JSON objects from an HTML page after executing a JS script with PhantomJS, and then transferring them to Java code?

Having trouble adjusting the label fontSize in ReactJS when using semantic-ui-react?

Encountering a SyntaxError with the message 'Unexpected token' while trying to require a module in strict mode from JSON at position 0

Challenges Associated with Promises in JavaScript

Store the Ajax JQuery selector within an array for safekeeping

Invalid information is prevented from being submitted into the database by leveraging the power of jQuery and Ajax

What is the reason behind the Python extension function failing when attempting to create an array of structs with a size exceeding 4

React - Issue with Material-UI radio button group not filling button upon clicking

I wonder what the response would be to this particular inquiry

Error: The variable "Set" cannot be found in the react.js code, specifically in Safari browser

Using an array from a MongoDB collection in Meteor

Having trouble invoking an established route within a different route in an Express JS project

Execute the function when the form is submitted and show the total of the two values

Creating a spacious text box for an enhanced Ajax search feature

Performing a function when text is clicked: Utilizing AngularJS

Having trouble with clearTimeout and clearInterval functions not functioning properly?

Add a class individually for each element when the mouse enters the event