本文将介绍如何使用 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("输入... 阅读更多

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

本文将介绍 JavaScript 中 Promise.all() 方法与 Promise.allSettled() 方法有何区别。Promise.all() 方法接收一个或多个 Promise 作为输入，并返回一个 Promise。当所有输入的 Promise 都 fulfilled 时，此返回的 Promise 就会 fulfilled。当任何输入的 Promise 被 rejected 时，它会拒绝一个 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, 这是在... 中编写的内联 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" }, ... 阅读更多