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

如何在 JavaScript 中根据子数组的第一个元素对数组进行排序?

AmitDiwan
更新于 2020-11-09 08:57:52

459 次浏览

假设我们有以下数组 -var studentDetails = [    [89, "John"],    [78, "John"],    [94, "John"],    [47, "John"],    [33, "John"] ];我们需要根据第一个元素(即 89、78、94 等)对数组进行排序。为此,使用 sort()。示例以下为代码 -var studentDetails =    [       [89, "John"],       [78, "John"],       [94, "John"],       [47, "John"],       [33, "John"]    ]; studentDetails.sort((first, second) => second[0] - first[0]) console.log(studentDetails);要运行以上程序,您需要使用... 阅读更多

如何在 JavaScript 中删除数组中重复的属性值?

AmitDiwan
更新于 2020-11-09 08:55:46

739 次浏览

假设以下是我们的数组 -var details = [    {       studentName: "John",       studentMarks: [78, 98]    },    {       studentName: "David",       studentMarks: [87, 87]    },    {       studentName: "Bob",       studentMarks: [48, 58]    },    {       studentName: "Sam",       studentMarks: [98, 98]    }, ]我们需要删除重复的属性值,即 87 在上面重复出现。我们需要删除它。为此,使用 map() 的概念。示例以下为代码 -var details ... 阅读更多

在鼠标点击时立即触发事件,而不是在松开鼠标后触发 - JavaScript?

AmitDiwan
更新于 2020-11-09 08:51:33

235 次浏览

为此,使用带有 mousedown 事件的 addEventListener()。示例以下为代码 -            文档    document.addEventListener("mousedown", function () {       console.log("鼠标按下事件正在发生");    });要运行以上程序,您需要将文件名保存为“anyName.html(index.html)”。右键点击文件,并在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出这将在控制台上产生以下输出 -当您点击鼠标时,事件将生成。控制台输出如下所示 -

向字符串日期/时间添加时间 - JavaScript?

AmitDiwan
更新于 2020-11-09 08:49:22

1K+ 次浏览

首先,在 JavaScript 中设置一个新的日期 -var dateValue = new Date("2021-01-12 10:10:20");使用 new Date() 以及 setHours() 和 getHours() 来添加时间。示例以下为代码 -var dateValue = new Date("2021-01-12 10:10:20"); dateValue.setHours(dateValue.getHours() + 2); console.log("日期值为=" + dateValue.toString()); console.log("增加后仅小时值=" + dateValue.getHours());要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo291.js。输出这将在控制台上产生以下输出 -PS C:\Users\Amit\javascript-code> node demo291.js 日期值为=2021年1月12日星期二 12:10:20 GMT+0530 (印度标准时间) 增加后仅小时值=12阅读更多

如何使用数组索引生成数组键 - JavaScript 关联数组?

AmitDiwan
更新于 2020-11-09 08:47:57

282 次浏览

为此,使用 forEach() 以及 [] 添加到关联数组中。示例以下为代码 -var result = {}; var names = ['John', 'David', 'Mike', 'Sam', 'Bob', 'Adam']; names.forEach((nameObject, counter) => {    var generatedValues = { [nameObject]: counter };    Object.assign(result, generatedValues) }) console.log(result);要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo290.js。输出这将在控制台上产生以下输出 -PS C:\Users\Amit\javascript-code> node demo290.js { John: 0, David: 1, Mike: 2, Sam: 3, Bob: 4, Adam: 5 }

如何在 JavaScript 中根据标签的顺序更改标签的内部 HTML?

Yaswanth Varma
更新于 2023-04-21 17:01:34

591 次浏览

JavaScript 中元素的 innerHTML 属性允许您访问或修改存在的任何 HTML 或 XML 标记。使用 insertAdjacentHTML() 方法将 HTML 插入页面,而不是更改元素的内容。在 JavaScript 中,可以使用 document.querySelectorAll() 根据标签的顺序更改标签的 innerHTML。让我们进入文章,详细了解根据标签的顺序更改标签的 innerHTML。使用 document.querySelectorAll() Document 函数 querySelectorAll() 返回的静态 NodeList 列出了与给定选择器集匹配的所有文档元素。语法以下为... 阅读更多

如何在输入字段填写时更改按钮的颜色 - JavaScript?

AmitDiwan
更新于 2020-11-09 08:34:56

2K+ 次浏览

假设以下是我们的按钮 -按下我填写下面的输入字段后,上面按钮的颜色应该改变 -示例以下为代码 -  实时演示            文档           用户名:                按下我    function changeTheColorOfButtonDemo() {       if (document.getElementById("changeColorDemo").value !== "") {          document.getElementById("buttonDemo").style.background = "green";       } else {          document.getElementById("buttonDemo").style.background = "skyblue";       }    } 要运行... 阅读更多

在 JavaScript 中,“函数表达式始终是常量值”是什么意思?

AmitDiwan
更新于 2020-11-09 08:27:33

80 次浏览

如果程序中使用了 const,并且如果尝试将值重新分配给 const 变量,则会发生错误。假设以下是我们的 const 变量 -const result = (first, second) => first * second;现在,我们将尝试将值重新分配给 const 变量,并且在输出中可以看到错误。示例以下为代码 -const result = (first, second) => first * second; result = first => first =first*10; console.log(result(10, 20));要运行以上程序,您需要使用以下命令 -node fileName.js。这里,我的文件名是 demo284.js。输出这将... 阅读更多

隐藏网页上的视频标签 - JavaScript

AmitDiwan
更新于 2020-11-09 08:18:01

3K+ 次浏览

假设我们在网页上使用了以下示例视频标签        您无法在此处播放视频......要隐藏网页上的视频,请使用 yourVariableName.style.display=’none’。示例以下为代码 -            文档    .hideVideo {       display: block;       z-index: 999;       margin-top: 10px;       margin-left: 10px;    }               您无法在此处播放视频......        var hideVideo = document.getElementsByClassName("hideVideo")[0];    hideVideo.style.display = ... 阅读更多

使用负数和正数实现冒泡排序 - JavaScript?

AmitDiwan
更新于 2020-11-09 08:13:49

771 次浏览

假设以下是我们的包含负数和正数的未排序数组 -var arr = [10, -22, 54, 3, 4, 45, 6];示例以下为实现冒泡排序的代码 -function bubbleSort(numberArray, size) {    for (var lastIndex = size - 1; lastIndex > 0; lastIndex--) {       for (var i = 0; i < lastIndex; i++) {          if (numberArray[i] > numberArray[i + 1]) {             var temp = numberArray[i];             numberArray[i] = numberArray[i + 1];             numberArray[i + ... 阅读更多

广告