在本文中，您将了解如何使用 JavaScript 访问对象的第一个值。对象的第一个值是位于对象位置 [0] 的第一个属性。该对象可以是键值对对象或数组对象。示例 1 在此示例中，让我们考虑一个键值对对象。const inputObject = {1: 'JavaScript', 2: 'Python', 3: 'HTML'}; console.log("定义了一个键值对对象，其值为：", inputObject) console.log("对象的第一个值为：") const firstValue = Object.values(inputObject)[0]; console.log(firstValue); 解释步骤 1 - 定义一个键值对... 阅读更多

在本文中，您将了解如何使用 JavaScript 访问键中包含空格的对象。在这种情况下，我们使用方括号“[]”访问对象，或者使用点表示法 (.) 访问对象。让我们看看下面的几个例子。示例 1 在此示例中，让我们使用方括号 [] 访问对象。console.log("输入对象是一个键值对，键为 firstName，值为 Joseph"); const inputObject = {'firstName': 'Joseph'}; console.log("使用方括号访问值") console.log(inputObject['firstName']); console.log("使用方括号将值更改为 Alice") inputObject['firstName'] = 'Alice'; ... 阅读更多

在本文中，您将了解在给定数组中，有多少个数字小于/等于使用百分位数公式给定的值。我们使用以下公式计算给定数组中小于或等于该数字的百分比 - 百分位数 = (n/N) * 100 其中，n 是小于 x 的值的个数，N 是值的总数。示例 1 在此示例中，我们使用 for 循环迭代数组并检查每个元素的值是否小于、等于或大于给定的输入值。const calculationPercentile = ... 阅读更多

在本文中，您将了解 ES6 (ES2015) 如何发展并为现代 JavaScript 带来了哪些新特性。ES6 代表 ECMAScript 6。它是 ECMAScript 的第 6 个版本，旨在标准化 JavaScript。ES6 的十大特性是：let 和 const 关键字、箭头函数、多行字符串、默认参数、模板字面量、解构赋值、增强的对象字面量、Promise。示例 1 在此示例中，让我们演示箭头函数 (=>) - console.log("定义了一个箭头函数 Square") square = (x) => { return x * x; } let inputValue = 6 console.log("输入... 阅读更多

在本文中，您将了解 Promise.any() 方法与 JavaScript 中的 Promise.race() 方法有何不同。JavaScript 中的 Promise.any() 方法是 Promise 并发方法之一。当需要完成第一个任务时，它很有用。JavaScript 中的 Promise.race() 方法是 Promise 并发方法之一。当需要完成第一个异步任务时，它很有用，但并不关心其最终状态（即它可以成功或失败）。示例 1 在此示例中，让我们看看 Promise.any() 方法是如何工作的 console.log("定义三个 Promise 值：promise1、promise2 和 promise3"); const promise1 = ... 阅读更多

在本文中，您将了解 Promise.all() 方法与 JavaScript 中的 Promise.allSettled() 方法有何不同。Promise.all() 方法接收一个或多个 Promise 作为输入，并返回一个单一的 Promise。当所有输入的 Promise 都 fulfilled 时，此返回的 Promise 就会 fulfilled。当任何输入的 Promise 被 rejected 时，它会 reject 一个 Promise，并使用第一个 rejection 原因。Promise.allSettled() 方法接收一个或多个 Promise 作为输入，并返回一个单一的 Promise。当所有输入的 Promise 都 settled（包括传递空可迭代对象时），此返回的 Promise 就会 fulfilled，并带有一个包含... 阅读更多

在本文中，您将了解 JavaScript 中的国际化是如何工作的。国际化是准备软件的过程，以便它可以支持本地语言和文化设置。它可能包括更改日期和时间格式、更改公制格式、语言格式等。示例 1 在此示例中，让我们了解如何更改日期和时间格式。var inputDate = new Date(1990, 2, 25); console.log("日期定义为：") console.log(inputDate) console.log("英国格式的日期为：") console.log(new Intl.DateTimeFormat('en-GB').format(inputDate)); console.log("美国格式的日期为：") console.log(new Intl.DateTimeFormat('en-US').format(inputDate)); 解释步骤 1 - 定义... 阅读更多

在本文中，您将了解内联 JavaScript 如何与 HTML 一起工作。内联 JavaScript 表示在 html 文件中的标签之间编写的代码块。在 HTML 文件中使用内联 JavaScript 的优点是减少 Web 浏览器往返服务器的次数。示例 1 让我们了解如何在 html 文件中使用内联 JavaScript 添加基本语句 - 这是一个简单的 HTML 文件 document.write("Hi, 这是在 HTML 中编写的内联 Javascript 代码...") 阅读更多

在本文中，您将了解隐式强制转换与 JavaScript 中的显式强制转换有何不同。隐式强制转换是将值从一种数据类型自动转换为另一种数据类型。它也称为类型转换。显式强制转换是根据用户需要进行的数据类型转换。示例 1 在此示例中，让我们了解隐式强制转换。let inputValue = "5" console.log("输入变量定义为：") console.log(inputValue, typeof inputValue); let resultValue = Number(inputValue); console.log("输入变量定义为：") console.log(resultValue, typeof resultValue); 解释步骤 1 - 定义一个变量：inputValue 并分配... 阅读更多

本文将介绍如何使用 JavaScript 检查对象值是否存在，如果不存在，则向数组添加新对象。在 JavaScript 中，几乎所有变量都是对象。对象可以是字符串、数字、布尔值等。它们也可以是键值对。JavaScript 中的数组是一种特殊的变量，可以存储多个项目。可以使用关键字“const”初始化数组。示例 1 在此示例中，我们使用 .some() 函数检查对象是否存在。var inputArray = [{ id: 1, name: "JavaScript" }, ... 阅读更多