Web Development Articles - Page 525 of 1049

The JavaScript array.flatMap() function flattens the given nested array into a new flat array.Following is the code for the array.flatMap() method −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 20px;       font-weight: 500;    } JavaScript Array flatMap() CLICK HERE Click on the above button to convert the nested array to flat array    let fillEle = document.querySelector(".sample");    let arr = ["cow", ["bull", "lion", "tiger"], "sheep"];    for ... Read More

The JavaScript array.entries() method returns key/value pairs as an array iterator object.Following is the code for the array.entries() method −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 20px;       font-weight: 500;    } JavaScript Array some() CLICK HERE Click on the above button to see array elements as key value pairs    let fillEle = document.querySelector(".sample");    let arr = ["cow", "bull", "lion", "tiger", "sheep"];    fillEle.innerHTML = arr;    var entries = arr.entries();    document.querySelector(".Btn").addEventListener("click", () => {       fillEle.innerHTML = "";       for (let x of entries) fillEle.innerHTML += x + "";    }); OutputOn clicking the “CLICK HERE” button −

The JavaScript Symbol.iskeyFor() is used for finding the key that is associated with a given symbol. The key is retrieved from the global symbol registry.Following is the code for Symbol.keyFor() function −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    div {       font-size: 20px;       font-weight: 500;    } JavaScript Symbol.keyFor() function CLICK HERE Click on the above button to find the keys for the symbol    let fillEle = document.querySelector(".sample");    const ... Read More

The Symbol.isConcatSpreadable symbol is used to specify if a nested array should be flattened to its individual array elements or not when using the Array.prototype.concat() method.Following is the code for Symbol.isConcatSpreadable symbol −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    div {       font-size: 20px;       font-weight: 500;    }    .result {       color: red;    } JavaScript Symbol.isConcatSpreadable symbol CLICK HERE Click on the above button to concat the both array ... Read More

The JavaScript array.keys() creates an array iterator object having only the keys of an arrayFollowing is the code for the array.keys() method −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 20px;       font-weight: 500;    } JavaScript array keys() CLICK HERE Click on the above button to see the keys of the array    let fillEle = document.querySelector(".sample");    let arr = ["H", "E", "L", "L", "O"];    fillEle.innerHTML = arr;    arr = arr.keys();    document.querySelector(".Btn").addEventListener("click", () => {       fillEle.innerHTML = "";       for (let x of arr) {          fillEle.innerHTML += x + "";       }    }); OutputOn clicking the “CLICK HERE” button −

The JavaScript Array prototype constructor is for adding new methods and properties to array object. These properties and methods will be available for each array.Following is the code for the array prototype constructor −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 20px;       font-weight: 500;    } JavaScript Array prototype Constructor CLICK HERE Click on the above button to convert the string to upper and lowercase alternatively    Array.prototype.upperLower ... Read More

A generator function uses the yield keyword to generate results and maintain its state even after returning so that the next time when it is called it can resume immediately from the last yield run. Each call to the generator function will send a value back to the caller.Following is the code for the Generator function in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 18px;       font-weight: 500;    } JavaScript ... Read More

The JavaScript DataView allows us for reading and writing in multiple number types in binary ArrayBuffer by providing a low level interface. We cannot manipulate ArrayBuffer directly without using DataView().Following is the code for implementing JavaScript DataView −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 20px;       font-weight: 500;    } JavaScript DataView() CLICK HERE Click on the above button to change the array buffer contents using DataView()   ... Read More

The Array.from() creates a new array object from a given array instance.Following is the code for the array from() function −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 20px;       font-weight: 500;    } JavaScript Array from() example CLICK HERE Click on the above button to create the array from given string    let fillEle = document.querySelector(".sample");    let arr = "HelloWorld";    fillEle.innerHTML = arr;    document.querySelector(".Btn").addEventListener("click", () => {       fillEle.innerHTML = Array.from(arr);    }); OutputOn clicking the “CLICK HERE” button the string will convert into array as follows −

The findIndex() function in JavaScript returns the index of the first element value that satisfy a given condition in an array.Following is the code for the array find() function −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .findIndex {       font-size: 20px;       font-weight: 500;    } JavaScript Array FindIndex() example CLICK HERE Click on the above button to get the index of lion in the array    function findLion(animal) {       return ... Read More