Open In App

How to fill static values in an array in JavaScript ?

Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we will see the methods to fill an array with some static values. There are many ways to fill static values in an array in JavaScript such as:

Method 1: Array fill() Method

We use the array fill() method to fill static values in an array in JavaScript. This JavaScript array fill() method is used to fill an array with a given static value from the specified start position to the specified end position. If we do not specify the start and end position then the whole array will be filled up with a given static value. This fill() method modifies the original array and returns it.

Syntax:

arr.fill(value, start, end)

Return value:  The arr.fill() method returns the modified array (does not return any new array), which is filled with a static value.

Example 1: In the following example, we use the fill() method to fill the array. The whole array is filled with 50, replacing the previous values. Here we do not define the start and end index, so by default start index is 0, and the end index is arr.length-1.

Javascript




let value = [4, 10, 5, 7, 6, 18];
 
// Whole array is filled with 50
// and return the modified array
let value2 = value.fill(50);
console.log(value);
console.log(value2);


Output:

[ 50, 50, 50, 50, 50, 50 ]
[ 50, 50, 50, 50, 50, 50 ]

Example 2: In the following example, we use the fill() method to fill the array with 45 from the start index is 1 to the end index is 4 (exclusive).

Javascript




let value = [4, 10, 5, 7, 6, 18];
value.fill(45, 1, 4);
console.log(value);


Output:

[ 4, 45, 45, 45, 6, 18 ]

Example 3: In the following example, we use the fill() method to fill the array with 15. The start index is 3 but the end index is not defined, so by default end index is arr.length-1.

Javascript




let value = [4, 10, 5, 7, 6, 18];
value.fill(15, 3);
console.log(value);


Output:

[ 4, 10, 5, 15, 15, 15 

Example 4: In the following example, we use the fill() method to fill the array with 25. Here start index = -4 and end index = -1, so indexes are counted backward.

Javascript




let value = [4, 10, 5, 7, 6, 18];
value.fill(25, -4, -1);
console.log(value);


Output:

[ 4, 10, 25, 25, 25, 18 ]

Example 5: In the following example, If we give an invalid index then the array will never change.

Javascript




let value = [4, 10, 5, 7, 6, 18];
value.fill(25, 8, 10);
console.log(value);


Output:

[ 4, 10, 5, 7, 6, 18 ]

Method 2: Using for loop

We use a simple for loop to fill static values in an array in JavaScript. But still arr.fill() method is best for this job. Let’s look at some examples.

Example 1: In the following example, we use for loop to fill the array with 2.

Javascript




let value = [5, 3, 9, 10, 50, 100];
let i;
 
for (i = 0; i < value.length; i++) {
    value[i] = 2;
}
console.log(value);


Output:

[ 2, 2, 2, 2, 2, 2 ]

Example 2:  In the following example, we use for loop to fill the array with 15 from starting index 1 to ending index 4 ( but the ending index must be smaller than arr.length.)

Javascript




let value = [5, 3, 9, 10, 50, 100];
let i;
for (i = 1; i <= 4; i++) {
    value[i] = 15;
}
console.log(value);


Output:

[ 5, 15, 15, 15, 15, 100 ]

Method 3: Using push() method

We use the push() method to fill static values in an array in JavaScript. We use the push() method inside the for() loop. The push() method always adds a new element to the end of the array so that means the push() method cannot replace the elements of the array.

Example: In the following example, we take an empty array and use the push() method to fill the array with 10.

Javascript




let value = [];
 
// An empty array is taken
let i, length = 5;
for (i = 0; i < length; i++) {
    value.push(10);
}
console.log(value);


Output: 

[ 10, 10, 10, 10, 10 ]

Method 4: Using from() method

We use the array from() method to fill static values in an array in JavaScript. The from() method is used to create a new array that contains a copy from an array or iterable object. We use this method to convert an array or iterable objects to an array.

Syntax:

Array.from(object, mapFunction, thisValue)

Return value: The from() method returns a new array.

Example:  We see an example of how to use from() method to fill static values in an array in JavaScript. In the following example, we use Array.from() method to fill the array with value 4. We created an object where length = 6. 

Javascript




let arr = Array.from({
    length: 6
}, (value) => value = 4);
console.log(arr);


 Output:

[ 4, 4, 4, 4, 4, 4 ]

Method 5: Using spread operator

We use the spread operator to fill static values in an array in JavaScript. The spread operator is denoted by three dots (…). The spread operator helps to copy all elements from an existing array to another array. Let’s look at an example.

Example:  In the following example, we use the spread operator to fill the array with 100 with the help of the map function.

Javascript




let arr = [1, 3, 5, 8, 9, 10];
let arr2 = [...arr].map((value) => value = 100);
console.log(arr2);


Output:

[ 100, 100, 100, 100, 100, 100 ]


Last Updated : 07 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads