Found 6683 Articles for Javascript

Replace multiple instances of text surrounded by specific characters in JavaScript?

AmitDiwan
Updated on 09-Nov-2020 10:53:16

249 Views

Let’s say the following is our string. Some text is surrounded by special character hash(#) −var values = "My Name is #yourName# and I got #marks# in JavaScript subject";We need to replace the special character with valid values. For this, use replace() along with shift().ExampleFollowing is the code −var values = "My Name is #yourName# and I got #marks# in JavaScript subject"; const originalValue = ["David Miller", 97]; var result = values.replace(/#([^#]+)#/g, _ => originalValue.shift()); console.log(result);To run the above program, you need to use the following command −node fileName.js. Here, my file name is demo298.js.OutputThis will produce the following output ... Read More

Make JavaScript take HTML input from user, parse and display?

AmitDiwan
Updated on 09-Nov-2020 10:38:22

2K+ Views

The HTML input value is a string. To convert the string to integer, use parseInt().ExampleFollowing is the code − Live Demo            Document        GetANumber    function result() {       var numberValue = document.getElementById("txtInput").value;       if (!isNaN(numberValue))          console.log("The value=" + parseInt(numberValue));       else          console.log("Please enter the integer value..");    } To run the above program, save the file name “anyName.html(index.html)”. Right click on the file and select the option “Open with ... Read More

What's the most efficient way to turn all the keys of an object to lower case - JavaScript?

AmitDiwan
Updated on 09-Nov-2020 10:35:30

159 Views

Let’s say the following is our object −var details = {    "STUDENTNAME": "John",    "STUDENTAGE": 21,    "STUDENTCOUNTRYNAME": "US" }As you can see above, the keys are in capital case. We need to turn all these keys to lower case. Use toLowerCase() for this.ExampleFollowing is the code −var details = {    "STUDENTNAME": "John",    "STUDENTAGE": 21,    "STUDENTCOUNTRYNAME": "US" } var tempKey, allKeysOfDetails = Object.keys(details); var numberOfKey = allKeysOfDetails.length; var allKeysToLowerCase = {} while (numberOfKey--) {    tempKey = allKeysOfDetails[numberOfKey];    allKeysToLowerCase[tempKey.toLowerCase()] = details[tempKey]; } console.log(allKeysToLowerCase);To run the above program, you need to use the following command −node ... Read More

How to get id from tr tag and display it in a new td with JavaScript?

AmitDiwan
Updated on 09-Nov-2020 10:33:19

3K+ Views

Let’s say the following is our table −           StudentName       StudentCountryName               JohnDoe       UK               DavidMiller       US     To get id from tr tag and display it in a new td, use document.querySelectorAll(table tr).ExampleFollowing is the code − Live Demo            Document    td,    th,    table {       border: 1px solid black;       margin-left: 10px;       ... Read More

ES6 Default Parameters in nested objects – JavaScript

AmitDiwan
Updated on 09-Nov-2020 09:06:58

468 Views

Yes, you can pass default parameters in nested objects.Following is the code −ExampleFollowing is the code −function callBackFunctionDemo({ cl: { callFunctionName = "callBackFunction", values = 100 } = {} } = {}) {    console.log(callFunctionName);    console.log(values); } //This will print the default value. // 100 callBackFunctionDemo(); //This will print the given value. //500 callBackFunctionDemo({ cl: { values: 500 } });To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo296.js.OutputThis will produce the following output on console −PS C:\Users\Amit\javascript-code> node demo296.js callBackFunction 100 callBackFunction 500

How to decrease size of a string by using preceding numbers - JavaScript?

AmitDiwan
Updated on 09-Nov-2020 09:05:13

63 Views

Let’s say our original string is the following with repeated letters −var values = "DDAAVIDMMMILLERRRRR";We want to remove the repeated letters and precede letters with numbers. For this, use replace() along with regular expression.ExampleFollowing is the code −var values = "DDAAVIDMMMILLERRRRR"; var precedingNumbersInString = values.replace(/(.)\1+/g, obj => obj.length + obj[0]); console.log("The original string value=" + values); console.log("String value after preceding the numbers ="); console.log(precedingNumbersInString);To run the above program, you need to use the following command −node fileName.js. Here, my file name is demo295.js.OutputThis will produce the following output on console −PS C:\Users\Amit\javascript-code> node demo295.js The original string value=DDAAVIDMMMILLERRRRR String value ... Read More

How to automate this object using JavaScript to set one key on each iteration as null?

AmitDiwan
Updated on 09-Nov-2020 09:03:13

116 Views

For this, use Object.keys() and set one key on each iteration as null using a for loop..ExampleFollowing is the code −var objectValues = {    "name1": "John",    "name2": "David",    "address1": "US",    "address2": "UK" } for (var tempKey of Object.keys(objectValues)) {    var inEachIterationSetOneFieldValueWithNull = {       ...objectValues,        [tempKey]: null    };    console.log(inEachIterationSetOneFieldValueWithNull); }To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo294.js.OutputThis will produce the following output on console −PS C:\Users\Amit\javascript-code> node demo294.js { name1: null, name2: 'David', address1: 'US', address2: 'UK' ... Read More

Set the value in local storage and fetch – JavaScript?

AmitDiwan
Updated on 09-Nov-2020 09:00:59

505 Views

Use localStorage.setItem(“anyKeyName”, yourValue) to set the value in local storage and if you want to fetch value then you can use localStorage.getItem(“yourKeyName”)ExampleFollowing is the code − Live Demo            Document        var textBoxNameHTML = document.getElementById('txtName');    textBoxNameHTML.addEventListener('change', (e) => {       localStorage.setItem("textBoxValue", e.target.value);    }); 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.OutputThis will produce the following output on console −Now, I ... Read More

How to sort array by first item in subarray - JavaScript?

AmitDiwan
Updated on 09-Nov-2020 08:57:52

423 Views

Let’s say we have the following array −var studentDetails = [    [89, "John"],    [78, "John"],    [94, "John"],    [47, "John"],    [33, "John"] ];And we need to sort the array on the basis of the first item i.e. 89, 78, 94, etc. For this, use sort().ExampleFollowing is the code −var studentDetails =    [       [89, "John"],       [78, "John"],       [94, "John"],       [47, "John"],       [33, "John"]    ]; studentDetails.sort((first, second) => second[0] - first[0]) console.log(studentDetails);To run the above program, you need to use the ... Read More

How to remove duplicate property values in array – JavaScript?

AmitDiwan
Updated on 09-Nov-2020 08:55:46

686 Views

Let’s say the following is our array −var details = [    {       studentName: "John",       studentMarks: [78, 98]    },    {       studentName: "David",       studentMarks: [87, 87]    },    {       studentName: "Bob",       studentMarks: [48, 58]    },    {       studentName: "Sam",       studentMarks: [98, 98]    }, ]We need to remove the duplicate property value i.e. 87 is repeating above. We need to remove it.For this, use the concept of map().ExampleFollowing is the code −var details ... Read More

Advertisements