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

如何在 JavaScript 中对 JSON 数据进行分组?

AmitDiwan
更新于 2020-09-09 14:11:54

3K+ 阅读量

要对 JSON 数据进行分组,您需要提取所有键并使用 push()。以下代码示例:示例var 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);要运行以上程序,您需要使用以下命令:node fileName.js。输出这里,我的文件名是 demo122.js。这将产生以下输出:PS C:\Users\Amit\JavaScript-code> node demo122.js {    John: [ { name: 'John' }, { name: 'John' } ],    David: [ { name: 'David' } ] }

如何使用变量调用 JavaScript 类对象?

AmitDiwan
更新于 2020-09-09 14:09:58

1K+ 阅读量

假设以下为我们的变量:var message = 'This is the Class Demo';以下为我们的对象,var object = new FirstClass(message)类 FirstClass −class FirstClass{    constructor( message){       this.message = message;    } }我们将使用 eval() 来使用变量调用 JavaScript 类对象。以下代码示例:示例class FirstClass{    constructor( message){       this.message = message;    } } var message = 'This is the Class Demo'; var object = new FirstClass(message) console.log(eval(object).message);要运行以上程序,您需要使用以下命令:node fileName.js。这里,我的文件名是 demo121.js。输出这 ... 阅读更多

如何通过按下 ENTER 键提交 JavaScript 文本框?

AmitDiwan
更新于 2020-09-09 14:03:49

2K+ 阅读量

ENTER 的键码是 13。我们将使用 event.keycode 来检查是否按下了 ENTER。以下代码示例:示例 实时演示 文档    document.getElementById("name").addEventListener("keydown",    function(event) {       if (!event) {          var event = window.event;       }          event.preventDefault();       if (event.keyCode == 13){          login();       }    }, false);    function login(){       console.log("提交成功....");    } 要运行... 阅读更多

如何使用 JavaScript 将 div 中以逗号分隔的文本转换为分行显示?

AmitDiwan
更新于 2020-09-09 13:52:21

3K+ 阅读量

假设以下为我们 div 中的逗号分隔文本:This, is, the, first, JavaScript, program要将逗号分隔的文本转换为分行显示,您需要根据逗号 (,) 使用 trim() 和 split()。示例 实时演示 文档 This, is, the, first, JavaScript, program    var allTheData = document.querySelector('.commaSeparated').textContent.trim().split(', ')    var separateList = ''    allTheData.forEach(function(value) {       separateList += '' + value + '';    });    separateList += '';    document.querySelector(".commaSeparated").innerHTML = separateList; 要运行... 阅读更多

如何使用 JavaScript map() 方法访问嵌套对象?

AmitDiwan
更新于 2020-09-09 13:36:30

4K+ 阅读量

假设以下为我们的嵌套对象:var details = [    {       id:"101",       firstName:"John",       lastName:"Smith",       age:25,       countryName:"US",       subjectDetails: {          subjectId:"Java-101",          subjectName:"Introduction to Java"       },    },    {       "uniqueId": "details_10001"    } ]使用 map() 和 typeOf 来访问嵌套对象。以下代码示例:示例var details = [    {       id:"101",       firstName:"John",       lastName:"Smith",       ... 阅读更多

如何在 JavaScript 中获取对象中值为空的键名?

AmitDiwan
更新于 2020-09-09 13:32:44

744 阅读量

假设以下为我们的对象:var details = {    firstName: 'John',    lastName: '',    countryName: 'US' }使用 Object.keys() 和 find() 获取值为空的键名。以下代码示例:示例var details = {    firstName: 'John',    lastName: '',    countryName: 'US' } var result = Object.keys(details).find(key=> (details[key] === '' || details[key] === null)); console.log("The key is="+result);要运行以上程序,您需要使用以下命令:node fileName.js。输出这里,我的文件名是 demo118.js。这将产生以下输出:PS C:\Users\Amit\JavaScript-code> node demo118.js The key is=lastName阅读更多

如何检查 JSON 对象中是否存在某个值?

AmitDiwan
更新于 2020-09-09 13:28:22

5K+ 阅读量

假设以下为我们的对象:var apiJSONObject = [    {subjectName:"MySQL"},    {subjectName:"Java"},    {subjectName:"JavaScript"},    {subjectName:"MongoDB"} ]让我们检查值“JavaScript”是否存在:示例var apiJSONObject = [    {subjectName:"MySQL"},    {subjectName:"Java"},    {subjectName:"JavaScript"},    {subjectName:"MongoDB"} ] for(var i=0;i node demo117.js JSON 对象中找到了搜索结果

HTML 表单操作和使用 JavaScript 进行 onsubmit 验证?

AmitDiwan
更新于 2020-09-09 13:23:41

2K+ 阅读量

让我们来看一个在 onsubmit 时验证输入文本的示例:示例 实时演示 文档    function validateTheForm(){       var validation = (document.getElementById('txtInput').value == 'gmail');       if(!validation){          alert('出现错误...请在文本框中输入 gmail 并点击');          return false;       }       return true;    } 要运行以上程序,请保存文件名“anyName.html(index.html)”,然后右键点击该文件。选择“使用 Live Server 打开”选项... 阅读更多

如何使用 push() 在 JavaScript 中创建关联数组?

AmitDiwan
更新于 2020-09-09 13:20:18

1K+ 阅读量

为此,请使用 forEach() 循环和 push()。以下代码示例:示例var studentDetails= [    {       studentId:1,       studentName:"John"    },    {       studentId:1,       studentName:"David"    },    {       studentId:2,       studentName:"Bob"    },    {       studentId:2,       studentName:"Carol"    } ] studentObject={}; studentDetails.forEach (function (obj){    studentObject[obj.studentId] = studentObject[obj.studentId] || [];    studentObject[obj.studentId].push(obj.studentName); }); console.log(studentObject);要运行以上程序,您需要使用以下命令:node fileName.js。这里,我的文件名是 demo116.js。输出这将产生以下输出:PS C:\Users\Amit\JavaScript-code> node demo116.js { '1': [ 'John', 'David' ], '2': [ 'Bob', 'Carol' ] }

如何在 JavaScript 中创建关联数组?

AmitDiwan
更新于 2020-09-09 13:17:38

846 阅读量

您可以使用包含键值对的对象数组在 JavaScript 中创建关联数组。关联数组基本上是 JavaScript 中的对象,其中索引被用户定义的键替换。例如:var customerDetails= [    {       "customerId":"customer-1",       "customerName":"David",       "customerCountryName":"US"    },    {       "customerId":"customer-2",       "customerName":"Bob",       "customerCountryName":"UK"    },    {       "customerId":"customer-3",       "customerName":"Carol",       "customerCountryName":"AUS"    } ] for(var i=0;i

广告