Found 8591 Articles for Front End Technology

How to get value of data attribute and use it in jQuery?

AmitDiwan
Updated on 03-Oct-2020 14:57:06

8K+ Views

To get value of data attribute, use −$(“yourSelector”).data()The following is our input type with data attribute −ExampleFollowing is the code − Live Demo            Document        var value = $('#txtValue').data('value');    console.log("The value is=" + value); OutputThe output is as follows −

JavaScript: take every nth Element of Array and display a fixed number of values?

Alshifa Hasnain
Updated on 16-Jan-2025 20:22:07

812 Views

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

Number prime test in JavaScript by creating a custom function?

AmitDiwan
Updated on 03-Oct-2020 14:52:27

169 Views

Create a custom function to test a number is prime or not in JavaScript.ExampleFollowing is the code −function checkNumberIsPrime(number) {    var flag = false;    for (start = 2; start < number / 2; start++) {       if (number % start === 0) {          flag = false;             break;       }       else {          flag = true;       }    }    return flag; } var number = 11; if (checkNumberIsPrime(number) == true) {    console.log("The number is prime"); } else {    console.log("The number is not prime"); }To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo230.js.OutputThe output is as follows −PS C:\Users\Amit\JavaScript-code> node demo230.js The number is prime

Display the result difference while using ceil() in JavaScript?

AmitDiwan
Updated on 03-Oct-2020 14:49:47

154 Views

The Math.ceil() is part of the Math object in JavaScript. Suppose, your value is 4.5 or 4.3, it will give the result 5.Let’s say the following are our values −var result1 = 98; var result2 = 5;Following is the code to display the result difference while using ceil() or not −var result1 = 98; var result2 = 5; console.log("The actual result is=" + result1 / result2); var output = Math.ceil(result1 / result2); console.log("The ceil result is=" + output);To run the above program, you need to use the following command −node fileName.js. Here, my file name is demo229.js.OutputThe output is as ... Read More

Remove/ filter duplicate records from array - JavaScript?

AmitDiwan
Updated on 03-Oct-2020 14:48:10

269 Views

Let’s say the following are our records with some duplicate values −var objectOfNationality =    [       { nationality: "Indian" },       { nationality: "American" },       { nationality: "Emirati" },       { nationality: "Indian" },       { nationality: "American" }    ];ExampleTo remove duplicate records, use the concept of Set().Following is the code −var objectOfNationality =    [       { nationality: "Indian" },       { nationality: "American" },       { nationality: "Emirati" },       { nationality: "Indian" },       ... Read More

How do I turn a string in dot notation into a nested object with a value – JavaScript?

AmitDiwan
Updated on 03-Oct-2020 14:45:22

4K+ Views

Let’s say the following is our string in dot notation −const keys = "details1.details2.details3.details4.details5"And the following is our array −const firsName = "David";To turn into a nested object, use the concept of split(‘.’) along with map().ExampleFollowing is the code −const keys = "details1.details2.details3.details4.details5" const firsName = "David"; var tempObject = {}; var container = tempObject; keys.split('.').map((k, i, values) => {    container = (container[k] = (i == values.length - 1 ? firsName : {})) }); console.log(JSON.stringify(tempObject, null, ' '));To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo227.js.OutputThe output is as ... Read More

Enter values with prompt and evaluate on the basis of conditions in JavaScript?

AmitDiwan
Updated on 03-Oct-2020 14:42:45

236 Views

Let’s say we are getting two values with prompt −var firstvalue = parseInt(prompt("Enter the value1")); var secondvalue = parseInt(prompt("Enter the value2"));ExampleFollowing is the code − Live Demo            Document    var firstvalue = parseInt(prompt("Enter the value1"));    var secondvalue = parseInt(prompt("Enter the value2"));    if (firstvalue * secondvalue > 50)       document.write("Result is correct");    else       document.write("Result is not correct"); To run the above program, save the file name anyName.html (index.html). Right click on the file and select the option “Open ... Read More

How to find specific words in an array with JavaScript?

Disha Verma
Updated on 10-Mar-2025 16:25:56

1K+ Views

Finding specific words in an array is a common task in JavaScript, especially when you need to filter data, search through lists, or analyze text. An array is a simple and fundamental data structure in JavaScript that stores multiple values of the same data type. JavaScript has several built-in methods, like includes(), filter(), and find(), that help you search for specific words easily. This article will explain these methods with examples. Finding Specific Words in an Array Finding specific words in an array can be done in the following ways: Using includes() method Using filter() method Using find() ... Read More

Variable defined with a reserved word const can be changed - JavaScript?

AmitDiwan
Updated on 03-Oct-2020 14:35:00

135 Views

You cannot change the value of an object when it is defined using const keyword.After changing it will remain same.Let’s say the following is our variable defined with const −const details1 = {    firstName: 'David',    subjectDetails: { subjectName: 'JavaScript' } }ExampleFollowing is the code to change the const variable, which would only display the initial value −const details1 = {    firstName: 'David',    subjectDetails: { subjectName: 'JavaScript' } } const details2 = { ...details1, subjectDetails: { ...details1.subjectDetails }, firstName: 'David' } details2.subjectDetails.subjectName = 'Java ' console.log(details1);To run the above program, you need to use the following command ... Read More

Object comparison Complexity in JavaScript using comparison operator or JSON.stringlify()?

AmitDiwan
Updated on 03-Oct-2020 14:32:54

179 Views

Let’s say the following are our objects −var object1 = { firstName: "David" }; var object2 = { firstName: "David" };You will not get the correct result using comparison operator (== or ===). Use JSON.stringify() for this.ExampleFollowing is the code implementing both the ways and showing the correct result −var object1 = { firstName: "David" }; var object2 = { firstName: "David" }; if (object1 == object2)    console.log("using == operator result ==> true"); else    console.log("using == operator result ==> false"); if (JSON.stringify(object1) == JSON.stringify(object2))    console.log("using JSON.stringify() operator result ==> true"); else    console.log("using JSON.stringify() operator result ==> ... Read More

Advertisements