Object Oriented Programming Articles - Page 164 of 579

How to format JSON string in JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:14:36

1K+ Views

To format HSON string in JavaScript, use JSON.stringify() with some parameters. Following is the code −Examplevar details = {    studentId: 101,    studentFirstName: 'David',    studentLastName: 'Miller',    studentAge:21,    subjectDetails: {       subjectId: 'JavaScript_101',       subjectName: 'Introduction to JavaScript',    } }; console.log("Not Pretty JSON Format=") console.log(JSON.stringify(details)); console.log("Pretty JSON Format=") console.log(JSON.stringify(details, null, 3));To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo127.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo127.js Not Pretty JSON Format= {"studentId":101, "studentFirstName":"David", "studentLastName":"Miller", "studentAge":21, "subj ectDetails":{"subjectId":"JavaScript_101", "subjectName":"Introduction to JavaScript"}} Pretty ... Read More

JavaScript to check consecutive numbers in array?

AmitDiwan
Updated on 10-Sep-2020 07:13:26

2K+ Views

To check for consecutive numbers like 100, 101, 102, etc., use the concept of reduce(). TRUE would be returned for consecutive numbers, else false is the return value.Exampleconst sequceIsConsecutive = (obj) => Boolean(obj.reduce((output, lastest) => (output ? (Number(output.number) + 1=== Number(lastest.number) ? lastest : false) : false))); console.log("Is Consecutive="+sequceIsConsecutive ([{ number: '100' }, {number: '101'} ,{number: '102' }])); console.log("Is Consecutive="+sequceIsConsecutive([{ number: '100' }, {number: '102'} ,{number: '104' }]));To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo126.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo126.js Is Consecutive=true Is Consecutive=falseRead More

JavaScript Adding array name property to JSON object [ES5] and display in Console?

AmitDiwan
Updated on 10-Sep-2020 07:11:11

211 Views

Following is our object −var customerDetails ={    "customerFirstName":"David",    "customerLastName":"Miller",    "customerAge":21,    "customerCountryName":"US" };Now, create a new array and use push() function. Following is the code −Examplevar customerDetails ={    "customerFirstName":"David",    "customerLastName":"Miller",    "customerAge":21,    "customerCountryName":"US" }; var customerObjectToArray = []; customerObjectToArray.push(customerDetails); console.log(customerObjectToArray);To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo125.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo125.js [    {       customerFirstName: 'David',       customerLastName: 'Miller',       customerAge: 21,       customerCountryName: 'US'    } ]

Change input type value attribute in jQuery

AmitDiwan
Updated on 10-Sep-2020 07:09:35

5K+ Views

Let’s say the following is our input type with value, “John Smith” −To change, use the attr() method −$('#changeTheName').attr('value', 'Please enter your name.......');You need to use the concept of attr(). Following is the code −Example Live Demo Document    $('#changeTheName').attr('value', 'Please enter your name.......'); To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.OutputThis will produce the following output −

Mobile

Insert a word before the file name’s dot extension in JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:07:14

476 Views

Let’s say the following is our file name −var actualJavaScriptFileName = "demo.js";Following is the word to be inserted before the dot extension −var addValueBetweenFileNameAndExtensions = "programming";At first, you need to split() the file name on the basis of dot(.) and then to insert a character, you can use the concept of template variables. Following is the code −Examplevar addValueBetweenFileNameAndExtensions = "programming"; var actualJavaScriptFileName = "demo.js"; console.log("The actual File name="+actualJavaScriptFileName); var [fileName, fileExtension] = actualJavaScriptFileName.split('.'); console.log("After adding into the file name="); console.log(`${fileName}- ${addValueBetweenFileNameAndExtensions}.${fileExtension}`)To run the above program, you need to use the following command −node fileName.js.OutputHere, my file name is demo124.js. ... Read More

How to convert string type value to array type in JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:06:03

433 Views

To convert string type value to array type, use the parse() method. Following is the code −Examplevar customerDetails='[    {"name": "John", "countryName": "US"},    {"name": "David", "countryName": "AUS"},    {"name": "Bob", "countryName": "UK"} ]'; console.log("The actual value="+customerDetails); var convertStringToArray=JSON.parse(customerDetails); console.log("After converting string to array objects="); console.log(convertStringToArray);To run the above program, you need to use the following command −node fileName.js.OutputHere, my file name is demo123.js. This will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo123.js The actual value=[{"name": "John", "countryName": "US"}, {"name": "David", "countryName": "AUS"}, {"name": "Bob", "countryName": "UK"}] After converting string to array objects=[    { name: 'John', countryName: 'US' ... Read More

How to set text in tag with JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:04:29

1K+ Views

At first, set the element −Replace This strong tagThe id attribute set above would be used set the text using # −$(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is 15....."); });Example Live Demo Document Replace This strong tag    $(document).ready(function(){       $("#strongDemo").html("Actual value of 5+10 is 15.....");    }); To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.OutputThis will produce the following output −

JavaScript get row count of an HTML table

Alshifa Hasnain
Updated on 06-Dec-2024 21:39:08

5K+ Views

Tables are a common way to organize and display data in HTML. If you're working with tables dynamically in JavaScript, you might need to count the rows in an HTML table for various purposes, such as validation, manipulation, or displaying statistics. In this article, we will demonstrate how to retrieve the row count of an HTML table using JavaScript. We will use the rows Attribute to access the row count through rows.length, while in the other method, we will specifically count the rows through tbody selection. What is rows Attribute? The rows attribute in HTML is used to define the ... Read More

Place an H1 element and its text at a particular index in jQuery

AmitDiwan
Updated on 10-Sep-2020 06:59:49

579 Views

To set an element and it’s text, use the text() method in jQuery. With that, use the :nth-child selector to place it at a particular position. Following is the code −Example Live Demo Document JavaScript MySQL MongoDB Java C#    $('h1:nth-child(4)').text("Python"); To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.OutputThis will produce the following output −

How to group JSON data in JavaScript?

AmitDiwan
Updated on 09-Sep-2020 14:11:54

3K+ Views

To group JSON data, you need to extract all the keys and use the push(). Following is the code −Examplevar details= {    "1":    {       name:"John"    },    "2":    {       name:"John"    },    "3":    {       name:"David"    }    var objectWithGroupByName = {};    for (var key in details){       var name = details[key].name;    if (!objectWithGroupByName[name]){       objectWithGroupByName[name] = [];    }    objectWithGroupByName[name].push(details[key]); } console.log(objectWithGroupByName);To run the above program, you need to use the following command −node fileName.js.OutputHere, my file name is demo122.js. This will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo122.js {    John: [ { name: 'John' }, { name: 'John' } ],    David: [ { name: 'David' } ] }

Advertisements