Javascript Articles - Page 262 of 534

There is no in-built function to replace all occurrences of word. You need to create your own function.Let’s say the following is our string −var sentence = "Yes,  My Name is John Smith. I live in US. Yes,  My Favourite Subject is JavaScript";ExampleFollowing is the code −var sentence = "Yes, My Name is John Smith. I live in US. Yes, My Favourite Subject is JavaScript"; console.log(sentence); function replaceYesWithHi(word,  sentence,  replaceValue) {    return sentence.split(word).join(replaceValue); } var replacementofYesWithHi = replaceYesWithHi("Yes", sentence, "Hi"); console.log(replacementofYesWithHi);To run the above program, use the following command −node fileName.js.Here, my file name is demo240.js.OutputThe output is as follows −PS C:\Users\Amit\javascript-code> node demo240.js Yes, My Name is John Smith. I live in US. Yes, My Favourite ... Read More

Let’s say the following is our string”var stringValue="453.000.00.00.0000";To convert the above string with zeroes to number, use parseInt() along with replace() −var numberValue = parseInt(stringValue.replace(/\./gm, '')); ExampleFollowing is the complete code −var stringValue="453.000.00.00.0000"; var numberValue = parseInt(stringValue.replace(/\./gm, '')); console.log("Original value="+stringValue) console.log("After modification the value="+numberValue);To run the above program, use the following command −node fileName.js. Here, my file name is demo239.js.OutputThe output is as follows −PS C:\Users\Amit\javascript-code> node demo239.js Original value=453.000.00.00.0000 After modification the value=45300000000000

In JavaScript, it is common to use a string as a key for an object, especially when you want to dynamically create or change the properties of the object. Objects are fundamental data structures that allow you to store collections of data in key-value pairs. You can use strings as keys directly. It is a simple and straightforward method. This article will guide you how to use a string as a key for an object. Setting a String as a Key for an Object You can set a strings as a key for an object using bracket notation. The ... Read More

The best way to reduce and merge a collection of objects, use the concept of Object.values() along with reduce().Following is the object −var details = [    { studentId: 10, marks: 75, studentName: "John" },    { studentId: 10, marks: 75, studentName: "John" },    { studentId: 11, marks: 98, studentName: "Bob" } ];ExampleFollowing is the code to reduce and merge −var details = [    { studentId: 10, marks: 75, studentName: "John" },    { studentId: 10, marks: 75, studentName: "John" },    { studentId: 11, marks: 98, studentName: "Bob" } ]; output = Object.values(details.reduce((value, object) => {   ... Read More

Let’s say the following are our time data −var startHour = dayjs().hour(10) var endHour = dayjs().hour(22)To get the difference, use the diff() method −ExampleFollowing is the code − Live Demo            Document    var startHour = dayjs().hour(10)    var endHour = dayjs().hour(22)    console.log("The hours difference is=" + endHour.diff(startHour, "hours")); To run the above program, save the file name anyName.html(index.html). Right click on the file and select the option “Open with live server” in VS Code editor −OutputThe output is as follows −

Let’s say the following are ourrinput type checkbox −John David We want to check any of the checkbox. Use the checked property to check the checkbox.ExampleFollowing is the code − Live Demo            Document    John        David        document.querySelector('#checkedValue2').checked = true To run the above program, save the file name anyName.html(index.html). Right click on the file and select the option “Open with live server” in VS Code editor −OutputThe output is as follows −

Let’s say the following are our values −'6778922' '76633 56 1443' '8888 4532 3232 9999'We want the preceding characters to be replaced with 4 asterisks and the display rest of the last 3 characters. The output should be −**** 922 **** 443 **** 999For such conditions, use the replace() and set regex in it.ExampleFollowing is the code −const hideDataWithDot = value => value.replace(/.+(.{3})$/, "**** $1"); console.log(hideDataWithDot('6778922')) console.log(hideDataWithDot('76633 56 1443')) console.log(hideDataWithDot('8888 4532 3232 9999')) To run the above program, use the following command −node fileName.js. Here, my file name is demo236.js.OutputThe output is as follows −PS C:\Users\Amit\javascript-code> node demo236.js **** ... Read More

Let’s say the following is our array with duplicate elements −var duplicateNumbers = [10, 20, 100, 40, 20, 10, 100, 1000];We want the output to be −[10, 20, 100, 40, 1000];To display only the unique elements, use the concept of filter.ExampleFollowing is the code −var duplicateNumbers = [10, 20, 100, 40, 20, 10, 100, 1000]; console.log("With Duplicates Values="); console.log(duplicateNumbers); var noDuplicateNumbersArray = duplicateNumbers.filter(function (value, index, array) {     return array.indexOf(value) === index; } ); console.log("Without Duplicates Values=") console.log(noDuplicateNumbersArray);To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo234.js.OutputThe output is as ... Read More

This is the concept of Bubble Sort. It compares to adjacent element if it is lesser it will swap the value.ExampleFollowing is the code −var numbers = [10, 100, 30, 40, 90, 4, 91, 56, 78]; function bubbleSorting(numbers) {    for (var outer = 0; outer < numbers.length; outer++) {       for (var inner = 0; inner < numbers.length; inner++) {          if (numbers[outer] < numbers[inner]) {             var temp = numbers[outer];             numbers[outer] = numbers[inner];             numbers[inner] = temp; ... Read More

In this article, we will learn to extract every nth element from an array and display a fixed number of values in Javascript. The objective is to filter out every second element (or more generally every nth element) from an array and limit the result to a specified count of elements. We will explore different approaches in JavaScript for achieving this functionality, each offering a unique way to solve the problem. Problem Statement  Let's say you have an array that takes every nth element. Display a fixed number of values after extracting the elements. Input Let’s say the following is ... Read More