Inserting a Value without splice or push command

I am currently working on some code to insert user inputted variables into an array at a specified point WITHOUT using the splice or the push command. I decided to try to use a while command as that is what makes the most sense to me as I am very new to javascript. When I do try to display nothing comes up.

var array = ; // Flobal array to hold array
var d = ""; // Global string for output

function fillArray()
// call function to clear the display values
clearDisplay();
// simple loop hard coded to 100 to set array values
for (var i = 0; i < 100; i++)
array[i] = Math.floor(Math.random() * 100 + 1);

// call function to display the array
displayArray();


function clearDisplay()
//Global string d is used to hold display
d = "";
// The div element named output is used to display output
document.getElementById("output").innerHTML = "";


function displayArray()
// simple loop to add array values to string d
for (var i = 0; i < array.length - 1; i++)
d += i + ' : ' + array[i] + "<br/>";

document.getElementById("output").innerHTML = d;

//-------------------------------------------------------

//Scan array and insert into index
function insertArray()
var m = parseInt(document.getElementById("index").value);
var n = parseInt(document.getElementById("value").value);

while (i < m)
i++;

if (i == m)
array[i] == n;

displayArray();



i

i

i < m

i ==m

2 Answers
2

Possible solution is to create new array every time and overwrite old one. We create two counters one for old array, second for new array. While coping items from old array to new one, when we'r at desired index we'r adding desired value from input and increases only new array counter.

function insertArray()
var m = parseInt(document.getElementById("index").value);
var n = parseInt(document.getElementById("value").value);
var c = 0, o = 0, l = array.length + 1, new_array = ;
while (c < l)
if (c === m)
new_array[c] = n;
else
new_array[c] = array[o];
o++;

c++;

array = new_array;
clearDisplay();
displayArray();



var array = ; // Flobal array to hold array
var d = ""; // Global string for output
function fillArray()
// call function to clear the display values
clearDisplay();
// simple loop hard coded to 10 to set array values
for (var i = 0; i < 10; i++)
array[i] = Math.floor(Math.random() * 100 + 1);

// call function to display the array
displayArray();


function clearDisplay()
//Global string d is used to hold display
d = "";
// The div element named output is used to display output
document.getElementById("output").innerHTML = "";


function displayArray()
// simple loop to add array values to string d
for (var i = 0; i < array.length; i++)
d += i + " : " + array[i] + "<br/>";

document.getElementById("output").innerHTML = d;

fillArray();
//-------------------------------------------------------
//Scan array and insert into index
function insertArray()
var m = parseInt(document.getElementById("index").value);
var n = parseInt(document.getElementById("value").value);
var c = 0, o = 0, l = array.length + 1, new_array = ;
while (c < l)
if (c === m)
new_array[c] = n;
else
new_array[c] = array[o];
o++;

c++;

array = new_array;
clearDisplay();
displayArray();


<p>Output: </p>
<input type="text" id="index">
<input type="text" id="value">
<button onClick="insertArray();">Insert</button>
<hr>
<div id="output">
</div>

You can use the following code to add elements to an array without using the splice or push command at the given index. See the implementation of insertArray function, I have commented out the wrong code and written a new line.

var array = ; // Flobal array to hold array
var d = ""; // Global string for output

function fillArray()
// call function to clear the display values
clearDisplay();
// simple loop hard coded to 100 to set array values
for (var i = 0; i < 100; i++)
array[i] = Math.floor(Math.random() * 100 + 1);

// call function to display the array
//displayArray();


function clearDisplay()
//Global string d is used to hold display
d = "";
// The div element named output is used to display output
document.getElementById("output").innerHTML = "";


function displayArray()
// simple loop to add array values to string d
for (var i = 0; i < array.length - 1; i++)
d += i + ' : ' + array[i] + " ";

document.getElementById("output").innerHTML = d;

//-------------------------------------------------------

//Scan array and insert into index
function insertArray()

var m = parseInt(document.getElementById("index").value);
var n = parseInt(document.getElementById("value").value);

var temp = array[m];
array[m] = n;
for (var i = m+1; i < 100; i++)
array[i] = temp;
temp = array[i];


/*
while (i < m)
i++;

if (i == m)
array[i] = n;

*/
displayArray();


fillArray();

<p>Output: </p>
<input type="text" id="index">
<input type="text" id="value">
<button onClick="insertArray();">Insert</button>
<hr>
<div id="output">
</div>

Please let me know if this is what you wanted.

Thanks for contributing an answer to Stack Overflow!

But avoid …

To learn more, see our tips on writing great answers.

Required, but never shown

Required, but never shown

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.