Javascript Articles - Page 261 of 534

Hyphen string to camelCase string in JavaScript

AmitDiwan
Updated on 09-Oct-2020 11:16:54

225 Views

Suppose, we have a string that contains words separated by hyphens like this −const str = 'this-is-an-example';We are required to write a JavaScript function that takes in one such string and converts it into a camelCase string.For the above string, the output should be −const output = 'thisIsAnExample';The code for this will be −const str = 'this-is-an-example'; const changeToCamel = str => {    let newStr = '';    newStr = str    .split('-')    .map((el, ind) => {       return ind && el.length ? el[0].toUpperCase() + el.substring(1)       : el;    })    .join('');    return newStr; }; console.log(changeToCamel(str));Following is the output on console −thisIsAnExample

Finding closest pair sum of numbers to a given number in JavaScript

AmitDiwan
Updated on 09-Oct-2020 11:14:20

306 Views

We are required to write a JavaScript function that takes in an array of Numbers as the first argument and a Number as the second argument.The function should return an array of two numbers from the original array whose sum is closest to the number provided as the second argument.The code for this will be −const arr = [1, 2, 3, 4, 5, 6, 7]; const num = 14; const closestPair = (arr, sum) => {    let first = 0, second = 0;    for(let i in arr) {       for(let j in arr) {     ... Read More

Get max value per key in a JavaScript array

AmitDiwan
Updated on 09-Oct-2020 11:12:28

507 Views

Suppose, we have an array of objects like this −const arr = [    {a:1, b:"apples"},    {a:3, b:"apples"},    {a:4, b:"apples"},    {a:1, b:"bananas"},    {a:3, b:"bananas"},    {a:5, b:"bananas"},    {a:6, b:"bananas"},    {a:3, b:"oranges"},    {a:5, b:"oranges"},    {a:6, b:"oranges"},    {a:10, b:"oranges"} ];We are required to write a JavaScript function that takes in one such array and returns an array of objects.The array should contain an object for each unique value of "b" property where the "a" property has the highest value.The code for this will be −const arr = [    {a:1, b:"apples"},    {a:3, ... Read More

How to replace before first forward slash - JavaScript?

AmitDiwan
Updated on 03-Oct-2020 15:38:48

859 Views

Let’s say the following is our string with forward slash −var queryStringValue = "welcome/name/john/age/32"To replace before first forward slash, use replace() along with regular expressions.ExampleFollowing is the code −var regularExpression = /^[^/]+/ var queryStringValue = "welcome/name/john/age/32" var replacedValue = queryStringValue.replace(regularExpression, 'index'); console.log("Original value="+queryStringValue); console.log("After replacing the value="+replacedValue);To run the above program, you need to use the following command −node fileName.js. Here, my file name is demo245.js.OutputThis will produce the following output on console −PS C:\Users\Amit\javascript-code> node demo245.js Original value=welcome/name/john/age/32 After replacing the value=index/name/john/age/32Read More

Call a function with onclick() – JavaScript?

Disha Verma
Updated on 07-Mar-2025 12:56:12

4K+ Views

The onclick event is a useful feature for calling a function in JavaScript. The onclick event allows you to execute a function when a user interacts with an element, such as clicking a button. This article will guide you on how to use the onclick event to call a JavaScript function. What is Onclick Event? The onclick event is triggered when a user clicks on an HTML element. It is commonly used to execute a JavaScript function or a block of code in response to a mouse click on an HTML element, such as a button, link, or any ... Read More

How to get only first word of object's value – JavaScript?

AmitDiwan
Updated on 03-Oct-2020 15:34:13

447 Views

Let’s say the following is our object −const employeeDetails = [    {       employeeName: "John Smith",       employeeTechnology: "JavaScript HTML"    },    {       employeeName: "David Miller",       employeeTechnology: "Java Angular"    } ]You can use split() on the basis of space.ExampleFollowing is the code −const employeeDetails = [    {       employeeName: "John Smith",       employeeTechnology: "JavaScript HTML"    },    {       employeeName: "David Miller",       employeeTechnology: "Java Angular"    } ] const objectValues = employeeDetails.map(emp => {    var ... Read More

How to redundantly remove duplicate elements within an array – JavaScript?

AmitDiwan
Updated on 03-Oct-2020 15:31:39

306 Views

Let’s say the following are our array elements −10,20,10,50,60,10,20,40,50To remove duplicate elements, use … new Set().ExampleFollowing is the code −var arrayWithNoDuplicateNumbers = [...new Set([10,20,10,50,60,10,20,40,50])]; console.log("No Duplicate values=") console.log(arrayWithNoDuplicateNumbers);To run the above program, use the following command −node fileName.js. Here, my file name is demo243.js.OutputThe output is as follows −PS C:\Users\Amit\javascript-code> node demo243.js No Duplicate values= [ 10, 20, 50, 60, 40 ]

Compare the Triplets - JavaScript?

AmitDiwan
Updated on 03-Oct-2020 15:30:31

215 Views

For this, you need to use if condition to compare triplets.Let’s say we are passing the following values −35, 36, 37, 33, 48, 50ExampleFollowing is the code −function tripletsSolution(first, second, third, fourth, fifth, sixth) {    var storedResult = []    if (first > fourth || second > fifth || third > sixth) {       storedResult = storedResult + 1;    }    if (first < fourth || second < fifth || third < sixth) {       storedResult = storedResult + 1;    }    return storedResult.split(''); } console.log(tripletsSolution(35, 36, 37, 33, 48, 50));To run the above program, use the following command −node fileName.js.Here, my file name is demo242.js.OutputThe output is as follows −PS C:\Users\Amit\javascript-code> node demo242.js [ '1', '1' ]

JavaScript - Create an alert on clicking an HTML button

Alshifa Hasnain
Updated on 11-Mar-2025 19:33:48

5K+ Views

In this article, we will learn to create an alert by clicking an HTML button in JavaScript. JavaScript is extensively utilized to increase user interactions on web pages. One of the widespread usage scenarios is to display an alert on a button click. What is an Alert in JavaScript? An alert is a built-in JavaScript function that displays a small pop-up or a dialogue box window containing a message.The syntax for using an alert is alert("Your message here"); This function pauses the execution of the script until the user dismisses the alert by clicking the "OK" button. Creating an ... Read More

Splitting a hyphen delimited string with negative numbers or range of numbers - JavaScript?

AmitDiwan
Updated on 03-Oct-2020 15:25:31

501 Views

Let’s say we have the following hyphen delimited string with negative or range of numbers −var firstValue = "John-Smith-90-100-US"; var secondValue = "David-Miller--120-AUS";To split, use regular expressions. Following is the code −ExampleFollowing is the code −var firstValue = "John-Smith-90-100-US"; var secondValue = "David-Miller--120-AUS"; var regularExpression = /-(?=[A-Za-z-]|\d+-\d)/; var result1 = firstValue.split(regularExpression); var result2 = secondValue.split(regularExpression); console.log(result1); console.log(result2);To run the above program, use the following command −node fileName.js. Here, my file name is demo241.js.OutputThe output is as follows −PS C:\Users\Amit\javascript-code> node demo241.js [ 'John', 'Smith', '90-100', 'US' ] [ 'David', 'Miller', '-120', 'AUS' ]Read More

Advertisements