找到 9301 篇文章,关于面向对象编程

使用 JavaScript 按顺序检索对象的条目?

AmitDiwan
更新于 2020年9月11日 08:21:14

232 次浏览

假设以下为我们的对象 -const subjectDetails ={    102:"Java",    105:"JavaScript",    104:"MongoDB",    101:"MySQL" };使用 sort() 方法按顺序检索对象的条目 -const orderSubjects = Object.fromEntries(Object.keys(subjectDetails).sort().map((k) => {    return [k, subjectDetails[k]]; }));示例const subjectDetails ={    102:"Java",    105:"JavaScript",    104:"MongoDB",    101:"MySQL" }; const orderSubjects = Object.fromEntries(Object.keys(subjectDetails).sort().map((k) => {    return [k, subjectDetails[k]]; })); console.log(orderSubjects);要运行以上程序,您需要使用以下命令 -node fileName.js。输出这里,我的文件名是 demo146.js。这将产生以下输出 -PS C:\Users\Amit\JavaScript-code> node demo146.js{    '101': 'MySQL',    '102': 'Java',    '104': 'MongoDB',    '105': ... 阅读更多

在 JavaScript 中打印 JSON 嵌套对象?

AmitDiwan
更新于 2020年9月11日 08:20:11

1K+ 次浏览

要在 JavaScript 中打印 JSON 嵌套对象,请使用 for 循环以及 JSON.parse()。以下是代码 -示例var details = [    {       "studentId": 101,       "studentName": "John",       "countryName": "US",       "subjectDetails": "{\"0\":\"JavaScript\",\"1\":\"David\"}"    },    {       "studentId": 102,       "studentName": "Bob",       "countryName": "UK",       "subjectDetails": "{\"0\":\"Java\",\"1\":\"Carol\"}"    },    {       "studentId": 103,       "studentName": "Mike",       "countryName": "AUS",       "subjectDetails": "{\"0\":\"MongoDB\",\"1\":\"Adam\"}"    } ] for (const detailsObject of details) {    const subjectDetailsObject =    JSON.parse(detailsObject.subjectDetails);    console.log(subjectDetailsObject[0]); }要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo145.js。输出这将产生以下输出 -PS C:\Users\Amit\JavaScript-code> node demo145.js JavaScript Java MongoDB

获取 HTML 表单值并在 JavaScript 中在控制台上显示?

AmitDiwan
更新于 2020年9月11日 08:18:51

5K+ 次浏览

要获取 HTML 表单值,请使用 value 属性。假设以下为我们的输入类型 -我们需要在控制台上显示以上值“My name is John Smith”。示例 实时演示 文档    var originalvalue = document.getElementById("getValues").value;    console.log("The value in the text box is ="+originalvalue);要运行以上程序,请保存文件名“anyName.html(index.html)”,然后右键单击该文件。在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出这将产生以下输出 -

使用 JavaScript 查找对象属性的值在数组中出现的次数?

AmitDiwan
更新于 2020年9月11日 08:16:49

81 次浏览

为此,请使用 reduce() 的概念。以下是代码 -示例const subjectDetails = [    {       subjectId: '101',       subjectName: 'JavaScript'    },    {       subjectId: '102',       subjectName: 'Java'    },    {       subjectId: '103',       subjectName: 'JavaScript'    } ]; console.log([...subjectDetails.reduce((obj1, obj2) => {    if (obj1.has(obj2.subjectName)){       obj1.get(obj2.subjectName).frequency++;    } else {       obj1.set(obj2.subjectName, { subjectName: obj2.subjectName,       frequency: 1 });    }    return obj1; }, new Map()).values()]);要运行以上程序,您需要 ... 阅读更多

如何使用 JavaScript 在按钮点击时添加和删除名称?

AmitDiwan
更新于 2020年9月11日 08:14:55

3K+ 次浏览

要创建,请使用 add() 方法,而要删除已创建和附加的元素,您可以使用 remove()。以下是代码 -示例 实时演示 文档 添加新名称 添加名称    var givenName = document.querySelector('#name')    var btnClass = document.querySelector('#addNameButton')    var listOfName = document.querySelector('#listOfName')    btnClass.addEventListener('click', () => {       var actualName = givenName.value       if (actualName.length != 0) {          var createAnHTMLList = `${actualName}删除名称`          listOfName.innerHTML += ... 阅读更多

从日期中删除秒/毫秒并转换为 ISO 字符串?

AmitDiwan
更新于 2020年9月11日 08:10:43

2K+ 次浏览

让我们首先获取当前日期 -var currentDate = new Date(); console.log("The current date is as follows="+currentDate);现在,让我们使用 setSeconds() 将秒/毫秒设置为 0 以删除它们 -currentDate.setSeconds(0, 0);使用 toISOString() 转换为 ISO 字符串 -currentDate.toISOString()现在让我们查看包含输出的完整代码 -示例var currentDate = new Date(); console.log("The current date is as follows="+currentDate); currentDate.setSeconds(0, 0); console.log("After removing seconds from date, the new date is as follows="); console.log(currentDate.toISOString());要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo143.js。输出这将产生以下输出 -PS C:\Users\Amit\JavaScript-code> node demo143.js The current date ... 阅读更多

仅在选定的 div 上切换隐藏类,使用 JavaScript?

AmitDiwan
更新于 2020年9月11日 08:03:14

460 次浏览

要仅在选定的 div 上切换隐藏类,您需要在单击按钮时设置事件。假设您需要在单击 + 号时隐藏特定 div。要获取字体 + 或 - 图标,您需要链接 font-awesome -以下是单击 + 号时切换隐藏类的代码 -示例 实时演示 文档 .hideDiv { display: none; } 客户 1 John US 客户 2 David AUS $(".fa-plus").on("click", function(){ $(this).parent().siblings('.secondDetails').toggleClass("hideDiv"); }); 要运行 ... 阅读更多

JavaScript 中数组交集的最简单代码?

AmitDiwan
更新于 2020年9月11日 07:04:27

125 次浏览

假设以下为我们的数组 -var firstNamesArray=["John", "David", "Bob", "Sam", "Carol"]; var secondNamesArray=["Mike", "Carol", "Adam", "David"];执行数组交集的最简单方法是使用 filter() 以及 includes()。以下是代码 -示例var firstNamesArray=["John", "David", "Bob", "Sam", "Carol"]; var secondNamesArray=["Mike", "Carol", "Adam", "David"]; var intersectionOfArray=[]; intersectionOfArray=firstNamesArray.filter(v => secondNamesArray.includes(v)); console.log("Intersection of two array="); console.log(intersectionOfArray);要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo141.js。输出这将产生以下输出 -PS C:\Users\Amit\JavaScript-code> node demo141.js Intersection of two array= [ 'David', 'Carol' ]阅读更多

使用另一个对象更新 JavaScript 对象,但仅更新现有键?

AmitDiwan
更新于 2020年9月11日 07:02:32

817 次浏览

为此,请使用 hasOwnProperty()。以下是代码 -示例var markDetails1 ={    'marks1': 78,    'marks2': 65 }; var markDetails2 ={    'marks2': 89,    'marks3': 90 } function updateJavaScriptObject(details1, details2) {    const outputObject = {};    Object.keys(details1)    .forEach(obj => outputObject[obj] =    (details2.hasOwnProperty(obj) ? details2[obj] : details1[obj]));    return outputObject; } console.log(updateJavaScriptObject(markDetails1, markDetails2));要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo140.js。输出这将产生以下输出 -PS C:\Users\Amit\JavaScript-code> node demo140.js { marks1: 78, marks2: 89 }

如何在 JavaScript 中更改值时分割字符串?

AmitDiwan
更新于 2020年9月11日 06:52:03

143 次浏览

为此,您可以使用 match() 以及正则表达式。以下是代码 -示例var originalString="JJJJOHHHHNNNSSSMMMIIITTTTHHH"; var regularExpression=/(.)\1*/g; console.log("The original string="+originalString); var splitting=originalString.match(regularExpression); console.log("After splitting the original string="); console.log(splitting);要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo139.js。输出这将产生以下输出 -PS C:\Users\Amit\JavaScript-code> node demo139.js The original string=JJJJOHHHHNNNSSSMMMIIITTTTHHH After splitting the original string=[    'JJJJ', 'O',    'HHHH', 'NNN',    'SSS', 'MMM',    'III', 'TTTT',    'HHH' ]

广告