JavaScript 有用的代码片段 Part – 1
推荐超级课程：
@TOC
当然！以下是针对提到的 JavaScript 任务的代码片段及解释：
- JavaScript 字符串长度
// 用于获取 JavaScript 中字符串长度的代码片段
const myString = "Hello, World!";
const lengthOfString = myString.length;
console.log(`字符串的长度: ${lengthOfString}`);
解释：
在这段代码中，我们使用 JavaScript 字符串的 length 属性来确定字符串中的字符数。结果存储在变量 lengthOfString 中，然后将其记录到控制台。
- JavaScript 字符串包含
// 用于检查 JavaScript 中一个字符串是否包含另一个字符串的代码片段
const mainString = "Hello, World!";
const subString = "World";
const containsSubstring = mainString.includes(subString);
console.log(`主字符串是否包含子字符串? ${containsSubstring}`);
解释：includes 方法用于检查子字符串是否存在于主字符串中。它返回一个布尔值（如果找到子字符串则返回 true，否则返回 false）。在这个例子中，它检查 mainString 是否包含 subString。
- JavaScript 将字符串转换为数字
// 用于在 JavaScript 中将字符串转换为数字的代码片段
const numericString = "42";
const numericValue = Number(numericString);
console.log(`转换后的数字值: ${numericValue}`);
解释：
JavaScript 中的 Number 函数用于将字符串转换为数字。在这个例子中，字符串 "42" 被转换为数字值 42，结果被记录到控制台。
- JavaScript 追加到数组
// 用于在 JavaScript 中向数组追加元素的代码片段
const myArray = [1, 2, 3];
const newElement = 4;
myArray.push(newElement);
console.log(`更新后的数组: ${myArray}`);
解释：push 方法用于在 JavaScript 中向数组的末尾添加新元素。在这个例子中，值 4 被追加到 myArray，更新后的数组被记录到控制台。
- JavaScript 休眠
// 用于在 JavaScript 中创建休眠函数的代码片段
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
// 示例用法
console.log("开始");
await sleep(2000); // 休眠 2000 毫秒（2 秒）
console.log("结束");
解释：sleep 函数是使用 setTimeout 和 Promise 创建的，它允许你暂停代码执行指定的时间。在这个例子中，先记录“开始”，然后使用 await sleep(2000) 让代码休眠 2 秒，最后在休眠期结束后记录“结束”。注意，sleep 函数应在 async 上下文中使用。