array manipulation js code example

Example 1: array methods in javascript

<script>    
    // Defining function to get unique values from an array
    function getUnique(array){
        var uniqueArray = [];
        
        // Loop through array values
        for(var value of array){
            if(uniqueArray.indexOf(value) === -1){
                uniqueArray.push(value);
            }
        }
        return uniqueArray;
    }
    
    var names = ["John", "Peter", "Clark", "Harry", "John", "Alice"];
    var uniqueNames = getUnique(names);
    console.log(uniqueNames); // Prints: ["John", "Peter", "Clark", "Harry", "Alice"]
</script>

Example 2: modify array js

let newArray = oldArray.map(funcToEachElem);

Example 3: 6 ways to modify an array javascript

let browsers = ['chrome', 'firefox', 'edge'];
browsers.unshift('safari');
// add an element at the beginning of array
console.log(browsers); //  ["safari", "chrome", "firefox", "edge"]

let browsers = ['chrome', 'firefox', 'edge'];
browsers.push('safari');
// add an element at the end of array
console.log(browsers); //  ["chrome", "firefox", "edge", "safari"]

let browsers = ['chrome', 'firefox', 'edge'];
browsers.shift(); 
// Delete first element of array
console.log(browsers); // ["firefox", "edge"]

let browsers = ['chrome', 'firefox', 'edge'];
browsers.pop(); 
//delete last elemnent of array
console.log(browsers); // ["chrome", "firefox"]

// Add and remove anywhere you want
//Add
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction() {
  fruits.splice(3, 0, "Lemon", "Kiwi");
//fruits.splice(Where to add, what to delete, "Lemon", "Kiwi");
   document.getElementById("demo").innerHTML = fruits;
}
//output Banana,Orange,Apple,Lemon,Kiwi,Mango

//Delete
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction() {
  fruits.splice(2, 1);
// fruits.splice(where to delete, how many);
  document.getElementById("demo").innerHTML = fruits;
}// output: Banana,Orange,Mango

Example 4: functions in arrays javascript

var argsContainer = ['hello', 'you', 'there'];
var functionsContainer = [];

for (var i = 0; i < argsContainer.length; i++) {
var currentArg = argsContainer[i]; 

  functionsContainer.push(function(currentArg){
    console.log(currentArg);
  });
};

for (var i = 0; i < functionsContainer.length; i++) {
  functionsContainer[i](argsContainer[i]);
}