Found 9150 Articles for Object Oriented Programming

Regex - reusing patterns to capture groups in JavaScript?

AmitDiwan
Updated on 14-Sep-2020 08:19:00

540 Views

For this, use regular expression with digit along with $.Examplevar groupValues1 = "10 10 10"; var groupValues2 = "10 10 10 10"; var groupValues3 = "10 10"; var regularExpression = /^(\d+)(\s)\1\2\1$/; var isValidGroup1 = regularExpression.test(groupValues1); var isValidGroup2 = regularExpression.test(groupValues2); var isValidGroup3 = regularExpression.test(groupValues3); if(isValidGroup1==true)    console.log("This is a valid group="+groupValues1); else    console.log("This is not a valid group="+groupValues1); if(isValidGroup2==true)    console.log("This is a valid group="+groupValues2); else    console.log("This is not a valid group="+groupValues2); if(isValidGroup3==true)    console.log("This is a valid group="+groupValues3); else    console.log("This is not a valid group="+groupValues3);To run the above program, you need to use the following command −node ... Read More

Set scroll view with intervals in JavaScript

AmitDiwan
Updated on 14-Sep-2020 08:17:40

714 Views

For this, use the concept of scrollTop and scrollHeight.Example Live Demo Document    #scrollDemo {       height: 300px;       overflow-y: scroll;    }    #scrollDataFeatures {       height: 500px;       background-color: skyblue;    } See the below Message and Scroll UP    var scrollData = document.getElementById("scrollDemo");    scrollData.scrollTop = scrollData.scrollHeight    setInterval(() =>{       var heading3Data = document.createElement("h3");       heading3Data.innerHTML = "Scroll Down...Please Scroll UP"       scrollData.appendChild(heading3Data);       scrollData.scrollTop ... Read More

Child node count in JavaScript?

AmitDiwan
Updated on 14-Sep-2020 08:14:54

671 Views

Use children.length to get the count of child node.Example Live Demo Document List Of Subject Names are as follows: Javascript MySQL MongoDB Java Python    var arrayValueOfSubject =    document.getElementById('subjectName').parentNode;    console.log("The count of child node    is="+arrayValueOfSubject.children.length); To run the above program, just save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VSCode Editor.OutputThis will produce the following output −

Display all the values of an array in p tag on a web page with JavaScript

AmitDiwan
Updated on 14-Sep-2020 08:11:57

761 Views

For this, you can use .data(anyArrayObject). Following is the code −Example Live Demo Document    const arrayValues = [1000000001,"John","Smith",100, 200, 3000]    var originalData = d3.select("body").selectAll("p")    .data(arrayValues)    .enter()    .append("p")    .text(function(allValuesOfArray){       console.log(allValuesOfArray+" ");       return allValuesOfArray;    }) To run the above program, just save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS Code editor.OutputThis will produce the following output −

How to match strings that aren't entirely digits in JavaScript?

AmitDiwan
Updated on 14-Sep-2020 08:09:49

76 Views

Let’s say the following is our complicated string −var values = 'studentId:"100001",studentName:"John Smith",isTopper:true,uniqueId:10001J-10001,marks:78,newId:"4678"';You can use regular expression to match strings. Following is the code −Examplevar regularExpression = /(? node demo187.js Original Value=studentId:"100001",studentName:"John Smith",isTopper:true,uniqueId:10001J-10001,marks:78,newId:"4678" The string that are not entirely digits= [ '10001J-10001' ]

Changing value of nested object keys in JavaScript

AmitDiwan
Updated on 14-Sep-2020 08:08:17

621 Views

For this, use dot(.) notation along with square brackets ([]).Examplevar details = {    "customer": {       "customerDetails": {          "otherDetails": [             {                "customerDetails": {                   "isMarried": false                },             },             {                "customerDetails": {                   "isMarried": false         ... Read More

Unselecting multiple Checkboxes on button click in jQuery?

AmitDiwan
Updated on 14-Sep-2020 08:05:37

467 Views

For this, use jQuery() with id property. Following is the code −Example Live Demo Document    .changeColor {       color: red    }; Javascript MySQL MongoDB Python    jQuery("#selectDemo").click(function () {       jQuery(this).toggleClass("changeColor");       if (jQuery(this).hasClass("changeColor")) {          jQuery(".isSelected").prop("checked", true);             jQuery(this).val("Want To UnSelect All Values");       } else ... Read More

How to use my object like an array using map function in JavaScript?

AmitDiwan
Updated on 14-Sep-2020 07:48:51

141 Views

For this, use Object.keys() as well as Object.values() and map() for the result.Exampleconst object = {    name: 'John',    age: 21,    countryName: 'US',    subjectName: 'JavaScript' } const allKeysOfObject = Object.keys(object); console.log("The all keys are=" + allKeysOfObject); const allValues = Object.values(object); console.log("The all values are=" + allValues); console.log("The use of map is as follows="); allKeysOfObject.map(k => { console.log(object[k]) })To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo185.js.OutputThis will produce the following output −PS C:\Users\Amit\javascript-code> node demo185.js The all keys are=name, age, countryName, subjectName The all values are=John, 21, ... Read More

Get the first element of array in JavaScript

AmitDiwan
Updated on 14-Sep-2020 06:42:43

987 Views

You can use simple for loop along with some if else condition to get the array’s first element in JavaScript.The logic is that, first of all check the array length is greater than 1 or not if the length is not equal to 1 that means there is no element in the array. So, go to the else condition and set the value undefined and print any message at the console. If there is an element in an array, set the first index value to any variable and terminate the loop with the help of break and print the message ... Read More

Concatenate two arrays of objects and remove repeated data from an attribute in JavaScript?

AmitDiwan
Updated on 14-Sep-2020 06:39:13

241 Views

For this, use map() along with find(). Following is the code −Examplevar details1 = [    {       productDetails:       {          isSold: true,          productId:101       }    },    {       productDetails:       {          isSold: true,          productId:103       }    } ] var details2 = [    {       productDetails:       {          isSold: false,          productId:101       }    } ] var details3 = details1.map(details1Object=>{    var newObject= details2.find(obj=>obj.productDetails.productId    === details1Object.productDetails.productId)    return newObject? newObject : details1Object }) console.log(details3)To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo183.js.OutputThis will produce the following output −PS C:\Users\Amit\javascript-code> node demo183.js [    { productDetails: { isSold: false, productId: 101 } },    { productDetails: { isSold: true, productId: 103 } } ]

Advertisements