在ES6中，数组新增扩展及其用法汇总

于 2024-10-08 12:51:09 发布
阅读量644 收藏 7
点赞数 13
分类专栏： javascript 文章标签： es6 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/misstianyun/article/details/142750765
版权

在ES6中，数组新增了多项扩展，极大提高了操作数组的便捷性。以下是一些常用的扩展及其用法：

1. Array.from()

用于从类数组对象或迭代器创建一个新的数组实例。这个方法可以接受两个参数：

  • source (来源)：这是必须的参数，可以是一个类数组对象（如arguments对象，DOM的NodeList对象等）或者任何可迭代对象（如字符串、Map或Set等）。Array.from()将会把这个对象转换成数组。

  • mapFn(映射函数)：这是可选的参数，如果提供了此函数，则会应用于目标数组中的每个元素，并且新数组中对应的元素将是调用该函数的结果。映射函数会被作为Array.prototype.map()的回调函数来使用，它接收三个参数：当前处理的元素值、元素的索引以及源数组。

// 使用 Array.from() 从字符串创建数组
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // 输出: ['h', 'e', 'l', 'l', 'o']

// 使用 Array.from() 并提供映射函数
const numArr = [1, 2, 3, 4, 5];
const squaredArr = Array.from(numArr, x => x * x);
console.log(squaredArr); // 输出: [1, 4, 9, 16, 25]

在这个例子中，第一个Array.from()调用将字符串转换为字符数组，而第二个则创建了一个新数组，其中包含了原数组元素的平方值。

2. Array.of()

Array.of() 是 JavaScript 中的一个静态方法，用于从零个或多个给定的参数创建一个新的 Array 实例。这个方法非常直接，主要用于那些需要将几个单独的值组合成一个数组的情况。

基本语法

Array.of(item1[, item2[, ...[, itemN]]])

参数

  • item1, item2, ..., itemN：这些是要包含在新数组中的项。可以是任意类型的数据，包括 undefined, null, 对象, 字符串等等。

返回值

  • 返回的新数组包含了传入的所有项。

示例

以下是一些使用 Array.of() 的示例：

// 创建一个只有一个数字的数组
let singleItemArray = Array.of(10);
console.log(singleItemArray); // 输出: [10]

// 创建一个包含多个混合类型的数组
let mixedArray = Array.of('hello', 42, true);
console.log(mixedArray); // 输出: ['hello', 42, true]

// 创建一个空数组
let emptyArray = Array.of();
console.log(emptyArray); // 输出: []

与字面量数组的区别

使用 Array.of() 和直接使用方括号创建数组（即字面量数组）的主要区别在于处理单个参数的方式：

// 使用字面量方式创建数组
let singleNumberLiteral = [10]; // 结果是一个包含单个元素的数组: [10]

// 使用 Array.of() 创建数组
let singleNumberArrayOf = Array.of(10); // 同样结果是一个包含单个元素的数组: [10]

// 使用字面量方式创建单元素数组与直接创建单值
let justANumber = [10,]; // 也会得到一个数组: [10], 但是通常不需要逗号

// 使用 Array.of() 时，即使只传递一个参数，也会创建一个数组
let justANumberWithArrayOf = Array.of(10); // 结果是一个数组: [10]

总的来说，Array.of() 可以确保即使只传递一个参数也能正确地返回一个数组，而在方括号字面量的情况下，单个值不会自动变成数组的一部分，除非明确地将其放入方括号内。

3. find() 和 findIndex()

在 JavaScript 中，Array.prototype.find() 和 Array.prototype.findIndex() 都是用来查找数组中满足特定条件的元素的方法，但它们返回的结果有所不同。

Array.prototype.find()

find() 方法会遍历数组中的每个元素，直到找到第一个使提供的函数返回 true 的元素为止，然后返回该元素。如果没有找到符合条件的元素，则返回 undefined。

语法
array.find(callback[, thisArg])
参数
  • callback(element[, index[, array]]): 必需。一个函数，对于数组中的每个元素都会调用一次。该函数应该返回一个布尔值。
    • element: 当前遍历到的数组元素。
    • index: 当前遍历到的元素的索引。
    • array: 调用 find 的数组。
  • thisArg: 可选。执行回调函数时使用的 this 值。
示例
const numbers = [1, 2, 3, 4, 5];

// 寻找第一个大于 3 的元素
const foundElement = numbers.find((element, index, arr) => {
  return element > 3;
});

console.log(foundElement); // 输出: 4

Array.prototype.findIndex()

findIndex() 方法同样会遍历数组中的每个元素，直到找到第一个使提供的函数返回 true 的元素为止，然后返回该元素的索引。如果没有找到符合条件的元素，则返回 -1。

语法
array.findIndex(callback[, thisArg])
参数
  • callback(element, index, array): 必需。一个函数，对于数组中的每个元素都会调用一次。该函数应该返回一个布尔值。
    • element: 当前遍历到的数组元素。
    • index: 当前遍历到的元素的索引。
    • array: 调用 findIndex 的数组。
  • thisArg: 可选。执行回调函数时使用的 this 值。
示例
const numbers = [1, 2, 3, 4, 5];

// 寻找第一个大于 3 的元素的索引
const foundIndex = numbers.findIndex((element, index, arr) => {
  return element > 3;
});

console.log(foundIndex); // 输出: 3
  • find() 返回的是满足条件的第一个元素本身。
  • findIndex() 返回的是满足条件的第一个元素的索引。

这两个方法都可以根据需要定制查找逻辑，并且在找不到匹配项时有不同的默认返回值（find() 返回 undefined，findIndex() 返回 -1）。

4. includes()

Array.prototype.includes() 方法用于检查数组中是否包含指定的元素，根据情况返回 true 或 false。这是一个非常直观且常用的方法，可以简化数组中元素的查找操作。

语法

array.includes(searchElement[, fromIndex])

参数

  • searchElement: 必需。要查找的元素。
  • fromIndex: 可选。开始搜索的位置，默认从数组的第一个元素开始（索引为 0）。如果为负数，则会从数组的末尾开始向前计数。

返回值

  • 如果数组中存在至少一个与 searchElement 相等的元素，则返回 true；否则返回 false。

示例

下面是一些使用 includes() 方法的例子：

const numbers = [1, 2, 3, 4, 5];

// 检查数组中是否存在元素 3
console.log(numbers.includes(3)); // 输出: true

// 检查数组中是否存在元素 6
console.log(numbers.includes(6)); // 输出: false

// 从索引 2 开始查找元素 3
console.log(numbers.includes(3, 2)); // 输出: true

// 从索引 3 开始查找元素 3
console.log(numbers.includes(3, 3)); // 输出: false

// 从索引 -1 (相当于数组最后一个元素) 开始向前查找元素 5
console.log(numbers.includes(5, -1)); // 输出: true

// 从索引 -2 开始向前查找元素 4
console.log(numbers.includes(4, -2)); // 输出: true

注意事项

  • includes() 方法会使用严格的相等性比较 (===) 来判断元素是否相等。
  • 如果数组很大，从某个索引开始搜索可能会提高效率。
  • includes() 方法可以很好地处理 null 和 undefined 的检查，因为这些值会直接通过严格相等性比较进行匹配。

兼容性

includes() 方法是在 ECMAScript 2016 (ES7) 中引入的，因此在现代浏览器和环境中普遍可用。如果你需要支持旧版本的浏览器或其他环境，可能需要使用其他方法（如 indexOf()）来实现类似的功能。例如：

if (!Array.prototype.includes) {
  Array.prototype.includes = function(searchElement, fromIndex) {
    return this.indexOf(searchElement, fromIndex) !== -1;
  };
}

这段代码可以在不支持 includes() 的环境中提供一个回退的实现。

5. fill()

Array.prototype.fill() 方法用于将数组的所有元素填充为一个固定的值。这是一个非常实用的方法，特别是在初始化数组或设置所有元素为相同的初始值时。

语法

array.fill(value[, start[, end]])

参数

  • value: 必需。用来填充数组的值。可以是任何类型的数据，包括数字、字符串、对象等。
  • start: 可选。开始填充的索引位置，默认为 0（即从数组的第一个元素开始）。
  • end: 可选。停止填充的索引位置，默认为数组的长度（即填充整个数组）。注意，这个位置是不包括在内的。

返回值

  • 返回被填充后的数组。

示例

下面是一些使用 fill() 方法的例子：

// 创建一个包含五个元素的数组，并填充为 0
let zeros = new Array(5).fill(0);
console.log(zeros); // 输出: [0, 0, 0, 0, 0]

// 创建一个数组并填充为 'x'，从索引 1 开始
let letters = ['a', 'b', 'c', 'd', 'e'];
letters.fill('x', 1);
console.log(letters); // 输出: ['a', 'x', 'x', 'x', 'x']

// 创建一个数组并填充为 'y'，从索引 1 到索引 3（不包括）
let letters2 = ['a', 'b', 'c', 'd', 'e'];
letters2.fill('y', 1, 3);
console.log(letters2); // 输出: ['a', 'y', 'y', 'd', 'e']

注意事项

  • fill() 方法会修改原始数组。
  • 如果 start 或 end 参数不在数组的有效索引范围内，则会忽略它们。
  • 如果 start 大于 end，则 fill() 不会对数组做任何改变。
  • fill() 方法适用于任何可以被索引访问的数据结构，不仅限于数组。

兼容性

fill() 方法是在 ECMAScript 2015 (ES6) 中引入的，因此在现代浏览器和环境中普遍可用。如果你需要支持旧版本的浏览器或其他环境，可能需要使用其他方法手动实现类似的功能。例如，可以使用循环来填充数组：

function fill(array, value, start = 0, end = array.length) {
  for (let i = start; i < end; i++) {
    array[i] = value;
  }
  return array;
}

// 使用自定义 fill 函数
let customFillArray = [1, 2, 3, 4, 5];
fill(customFillArray, 'z', 1, 4);
console.log(customFillArray); // 输出: [1, 'z', 'z', 'z', 5]

这种方法可以在不支持 fill() 的环境中提供一个回退实现。

6. copyWithin()

在数组内部复制元素到指定位置。

const arr = [1, 2, 3, 4];
arr.copyWithin(0, 2);
console.log(arr); // [3, 4, 3, 4]

7. entries()

Array.prototype.entries() 方法用于返回一个迭代器对象，该对象包含了数组中每个元素的索引和值。这个方法通常用于需要同时访问数组索引和值的场景。

语法

array.entries()

返回值

  • 一个迭代器对象，每次迭代返回一个数组 [index, value]，其中 index 是数组元素的索引，value 是数组元素的值。

示例

下面是一些使用 entries() 方法的例子：

const numbers = [1, 2, 3, 4, 5];

// 使用 entries() 遍历数组
for (const [index, value] of numbers.entries()) {
  console.log(`索引 ${index}: 值 ${value}`);
}

// 输出:
// 索引 0: 值 1
// 索引 1: 值 2
// 索引 2: 值 3
// 索引 3: 值 4
// 索引 4: 值 5

使用场景

entries() 方法特别适合用于需要同时访问数组索引和值的情况，比如：

  1. 打印数组的索引和值：

    const fruits = ['apple', 'banana', 'cherry'];
for (const [index, fruit] of fruits.entries()) {
  console.log(`${index}: ${fruit}`);
}

  2. 更新数组中的元素：

    const scores = [10, 20, 30, 40];
for (const [index, score] of scores.entries()) {
  scores[index] = score + 5;
}
console.log(scores); // 输出: [15, 25, 35, 45]

  3. 创建 Map 对象：

    const keyValues = [[1, 'one'], [2, 'two'], [3, 'three']];
const map = new Map(keyValues.entries());
console.log(map); // 输出: Map(3) { 1 => "one", 2 => "two", 3 => "three" }

注意事项

  • entries() 返回的是一个迭代器对象，可以用于 for...of 循环。
  • 如果数组中有 undefined 或 null 的元素，entries() 依然会返回这些值及其对应的索引。
  • entries() 方法不会跳过稀疏数组中的空位（即未定义的索引），而是会返回 [index, undefined]。

兼容性

entries() 方法是在 ECMAScript 2015 (ES6) 中引入的，因此在现代浏览器和环境中普遍可用。如果你需要支持旧版本的浏览器或其他环境，可能需要使用其他方法来实现类似的功能。例如，可以手动创建一个迭代器对象：

function* manualEntries(array) {
  for (let i = 0; i < array.length; i++) {
    yield [i, array[i]];
  }
}

const numbers = [1, 2, 3, 4, 5];
for (const [index, value] of manualEntries(numbers)) {
  console.log(`索引 ${index}: 值 ${value}`);
}

这种方法可以在不支持 entries() 的环境中提供一个回退实现。

8. keys()

Array.prototype.keys() 方法用于返回一个迭代器对象，该对象包含了数组中每个元素的索引。这个方法主要用于获取数组的键（索引），而不是值。

语法

array.keys()

返回值

  • 一个迭代器对象，每次迭代返回数组元素的索引。

示例

下面是一些使用 keys() 方法的例子：

const numbers = [1, 2, 3, 4, 5];

// 使用 keys() 遍历数组索引
for (const index of numbers.keys()) {
  console.log(`索引 ${index}`);
}

// 输出:
// 索引 0
// 索引 1
// 索引 2
// 索引 3
// 索引 4

使用场景

keys() 方法特别适合用于需要仅访问数组索引的情况，比如：

  1. 打印数组的索引：

    const fruits = ['apple', 'banana', 'cherry'];
for (const index of fruits.keys()) {
  console.log(`索引 ${index}`);
}

  2. 根据索引更新数组中的元素：

    const scores = [10, 20, 30, 40];
for (const index of scores.keys()) {
  scores[index] = scores[index] + 5;
}
console.log(scores); // 输出: [15, 25, 35, 45]

  3. 创建 Map 对象，使用索引作为键：

    const keyValues = [[1, 'one'], [2, 'two'], [3, 'three']];
const map = new Map(keyValues.keys().map((index, i) => [index, keyValues[i][1]]));
console.log(map); // 输出: Map(3) { 0 => "one", 1 => "two", 2 => "three" }

注意事项

  • keys() 返回的是一个迭代器对象，可以用于 for...of 循环。
  • 如果数组中有 undefined 或 null 的元素，keys() 依然会返回这些值对应的索引。
  • keys() 方法不会跳过稀疏数组中的空位（即未定义的索引），而是会正常返回这些索引。

兼容性

keys() 方法是在 ECMAScript 2015 (ES6) 中引入的，因此在现代浏览器和环境中普遍可用。如果你需要支持旧版本的浏览器或其他环境，可能需要使用其他方法来实现类似的功能。例如，可以手动创建一个迭代器对象：

function* manualKeys(array) {
  for (let i = 0; i < array.length; i++) {
    yield i;
  }
}

const numbers = [1, 2, 3, 4, 5];
for (const index of manualKeys(numbers)) {
  console.log(`索引 ${index}`);
}

这种方法可以在不支持 keys() 的环境中提供一个回退实现。

9. values()

Array.prototype.values() 方法用于返回一个迭代器对象，该对象包含了数组中每个元素的值。这个方法主要用于获取数组中的元素值，而不包括其索引。

语法

array.values()

返回值

  • 一个迭代器对象，每次迭代返回数组中的一个元素。

示例

下面是一些使用 values() 方法的例子：

const numbers = [1, 2, 3, 4, 5];

// 使用 values() 遍历数组值
for (const value of numbers.values()) {
  console.log(value);
}

// 输出:
// 1
// 2
// 3
// 4
// 5

使用场景

values() 方法特别适合用于需要仅访问数组值的情况，比如：

  1. 打印数组的值：

    const fruits = ['apple', 'banana', 'cherry'];
for (const fruit of fruits.values()) {
  console.log(fruit);
}

  2. 处理数组中的每个元素：

    const scores = [10, 20, 30, 40];
for (const score of scores.values()) {
  console.log(score + 5);
}

  3. 创建新的数组或集合：

    const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = [...numbers.values()].map(n => n * 2);
console.log(doubledNumbers); // 输出: [2, 4, 6, 8, 10]

注意事项

  • values() 返回的是一个迭代器对象，可以用于 for...of 循环。
  • 如果数组中有 undefined 或 null 的元素，values() 依然会返回这些值。
  • values() 方法不会跳过稀疏数组中的空位（即未定义的索引），而是会返回 undefined。

兼容性

values() 方法是在 ECMAScript 2015 (ES6) 中引入的，因此在现代浏览器和环境中普遍可用。如果你需要支持旧版本的浏览器或其他环境，可能需要使用其他方法来实现类似的功能。例如，可以手动创建一个迭代器对象：

function* manualValues(array) {
  for (let i = 0; i < array.length; i++) {
    yield array[i];
  }
}

const numbers = [1, 2, 3, 4, 5];
for (const value of manualValues(numbers)) {
  console.log(value);
}

这种方法可以在不支持 values() 的环境中提供一个回退实现。

最后

这些扩展使数组操作更加灵活和强大，提升了代码的可读性与效率。

前端李易安
关注
专栏目录
ES6中数组array新增方法实例总结
08-28
ES6 中数组 array 新增方法实例总结 ES6 中数组 array 新增了许多有用的方法，这些方法可以帮助开发者更方便地操作数组。下面将对这些方法进行总结和分析。 find 方法 find 方法用于查找数组中第一个符合条件的...
详解es6新增数组方法简便了哪些操作
10-17
在数组处理方面，ES6新增了一些非常实用的方法，使得开发者能更方便地操作数组。下面将详细介绍几个关键的ES6数组新方法及其应用场景。 1. **`Array.from()`**： `Array.from()`方法用于将类数组对象或可迭代对象...
ES6中的数组扩展方法
09-01
在JavaScript的ES6版本中，引入了一系列增强数组处理的新特性，其中包括了“数组扩展方法”。这些方法极大地提高了数组操作的便捷性和灵活性，使得开发者能够更加高效地处理数组数据。本篇文章将深入探讨其中的两个...
浅谈ES6新增的数组方法和对象
08-29
首先，ES6中新增了遍历数组的方法，使用for...of语句可以遍历数组或对象。例如： ``` let arr = [1, 2, 3, 4, 3, 2, 1, 2]; for (let value of arr) { console.log(value); // 输出1, 2, 3, 4, 3, 2, 1, 2 } ``` ...
说说你对es6中promise的理解？
hexadecimal_001的博客
10-05 778
ES6中的Promise是一个非常重要的特性，它为异步编程提供了一种更优雅、更简洁的解决方案。
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 993
Vue 2 中使用 Vue I18n 插件实现中英文切换
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1050
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 485
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
vue-live2d看板娘集成方案设计使用教程
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1263
vue-live2d看板娘集成方案设计使用教程
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
2301_77012231的博客
10-01 590
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞，攻击者可以获取服务器权限。bp 报错泄露绝对路径。sqlmap确认有漏洞。
如何使用Redisson的布隆过滤器？
付聪
10-02 465
【代码】如何使用Redisson的布隆过滤器？
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1228
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
深入解析 JavaScript 中的普通函数与箭头函数：区别、适用场景与最佳实践
qq_22841387的博客
10-02 1155
在函数式编程的支持上，箭头函数作为 ES6 新引入的一种更为简洁的函数形式，极大地方便了开发者编写简洁高效的代码。然而，箭头函数的行为与传统的普通函数有所不同，尤其是在 this。普通函数在定义时，尤其是带有单行返回值的情况下，显得略微冗长。无论是全局调用、作为对象方法调用，还是在事件处理函数中调用，动态变化的场景，比如回调函数，尤其是在类方法中作为回调传递时，箭头函数避免了手动绑定。在回调函数、数组操作等场景中，箭头函数的简洁性尤为明显。在定义对象的方法时，箭头函数由于不绑定自己的。
Vue3实现mqtt的订阅与发布
徐三岁的博客
09-30 557
MQTT（Message Queuing Telemetry Transport）是一种轻量级的、基于发布/订阅模式的通信协议，通常用于连接物联网设备和应用程序之间的通信。它最初由IBM开发，现在由OASIS（Organization for the Advancement of Structured Information Standards）进行标准化。MQTT的工作原理：它采用发布/订阅模式，其中设备（称为客户端）可以发布消息到特定的主题（topics），而其他设备可以订阅这些主题以接收消息。
React响应式修改数组和对象
警警的博客
09-30 931
React的状态是不可变的，这意味着你不能直接修改状态对象中的数组元素，而是需要创建一个新的数组来更新状态。你不能直接修改对象中的属性，而是需要创建一个新的对象来更新状态。不可变性（Immutability）：React中的状态是不可变的，这意味着你不能直接修改状态对象中的数组元素，而是需要创建一个新的数组来更新状态。避免直接修改状态：React的状态是不可变的，直接修改状态（如this.state.items.push(4)）不会触发重新渲染，因为React无法检测到这种变化。// 修改name属性。
【JAVA开源】基于Vue和SpringBoot的洗衣店订单管理系统
杨荧的CSDN博客
10-06 901
本文介绍了洗衣店订单管理系统的开发全过程。通过分析企业对于洗衣店订单管理系统的需求，创建了一个计算机管理洗衣店订单管理系统的方案。文章介绍了洗衣店订单管理系统的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。
vue数组根据某些条件进行二次切割
weixin_52115201的博客
09-30 405
比如①depnm值一致的一个一维数组有10个值，这个数组里面第三个值是isBgn==1，那这个数组会分成两个数组，第一个数组是0-2，第二个数组是3-10。[下标为0~isBgn==1的下标的值的前一个值],//①depnm值一致的一个一维数组。[下标为isBgn==1的下标的值~最后一值],//①depnm值一致的一个一维数组。2.在条件1的基础上分割出来的数组如果存在里面有isBgn==1的会进行二次分割。[③另一个depnm值一致的一个一维数组],//即存在有多种depnm的情况。
【玩转 JS 函数式编程_004】1.4 如何应对 JavaScript 的不同版本
PeacefulWinter的博客
10-02 1024
本节重点介绍了在学习 JavaScript 函数式编程时可能会遇到的各种各样的版本兼容性问题以及应对策略。分别从转译工具、线上测试环境、实际测试框架等三部分进行论述。本节是为后续学习打基础，感兴趣的朋友不妨跟着多练练。滚动更新中，建议收藏。
通过JS + PHP实现简易小说采集
最新发布
shamqu的博客
10-07 366
1. 通过js来循环访问本地的php文件，并传输书本网址，编号等； 2. php获取小说站相应页面的内容，存入本地文件夹，并返回结果给js 3. js根据收到的结果来进行下一步处理，如果当前书本已经采集完，则采集下一本
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端李易安

打赏1元鼓励作者

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值