JavaScript基础四、集合类型

已于 2023-04-21 16:32:46 修改
阅读量1.6k 收藏 4
点赞数 1
分类专栏： 大前端 文章标签： javascript 前端
于 2023-03-06 15:17:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyou123456789/article/details/129363327
版权

零、文章目录

JavaScript基础四、集合类型

1、Map

（1）Map是什么
  • Map 是一组键值对的结构，具有极快的查找速度。
（2）Map基本使用

  • Map声明：var m = new Map()

  • Map操作：

    • 增：m.set(key,value)，存在就被修改，不存在就添加

    • 删：m.delete(key)

    • 改：m.set(key,value)，存在就被修改，不存在就添加

    • 查：m.get(key)

    • 存在：m.has(key)

  • 注意事项：由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值覆盖

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map基本使用</title>
</head>

<body>
    <script>
        //声明且赋值
        let m1 = new Map([
            ['Michael', 95],
            ['Bob', 75],
            ['Tracy', 85]
        ])

        //初始化一个空Map，再进行设置
        let m2 = new Map(); // 空Map
        console.log(m2.set('Adam', 67)) //返回Map
        console.log(m22.set('Bob', 59)) //返回Map
        console.log(m2.has('Adam')) // 是否存在key 'Adam': true
        console.log(m2.get('Adam')) // 返回value 67
        console.log(m2.delete('Adam')) //删除key'Adam':true
        console.log(m2.get('Adam')) // undefined

        //由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值覆盖
        let m3 = new Map()
        m3.set('Adam', 67)
        m3.set('Adam', 88)
        console.log(m3.get('Adam')) // 88
    </script>
</body>

</html>

2、Set

  • Set 是一组key的集合，在 Set 中，没有重复的key。
  • 重复元素在 Set 中自动被过滤
  • 添加key：add(key)
  • 删除key：delete(key)

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map基本使用</title>
</head>

<body>
    <script>
        //声明
        let s1 = new Set(); // 空Set
        let s2 = new Set([1, 2, 3]); // 含1, 2, 3

        //重复元素在 Set 中自动被过滤 3 和 '3' 是不同的
        let s3 = new Set([1, 2, 3, 3, '3'])
        console.log(s3) // Set {1, 2, 3, "3"}

        //添加删除key
        let s4 = new Set([1, 2, 3])
        console.log(s4.add(4)) // Set {1, 2, 3, 4}
        s4.delete(3)
        console.log(s4) // Set {1, 2, 4 }
    </script>
</body>

</html>

3、Array

（1）数组是什么
  • 数组：(Array)是一种可以按顺序保存数据的引用数据类型。
  • 场景：如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便

image-20230226174358164

（2）数组基本使用
  • 声明语法
    • 数组是按顺序保存，所以每个数据都有自己的编号
    • 计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推
    • 在数组中，数据的编号也叫索引或下标
    • 数组可以存储任意类型的数据

image-20230301094834421

image-20230301094848239

  • 数组长度：

    • 获取数组长度arr.length
    • 直接修改数组长度：arr.length=newlength，这个会引起数组的变化，一般不建议这样操作，防止索引越界数据丢失等情况。

  • 一些术语

    • **元素：**数组中保存的每个数据都叫数组元素

    • **下标：**数组中数据的编号

    • **长度：**数组中数据的个数，通过数组的length属性获得

  • 操作数组：数组本质是数据集合， 操作数据无非就是 增 删 改 查

image-20230301100237547

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>体验数组</title>
</head>

<body>
    <script>
        // let arr = [10, 20, 30]
        // 1. 声明数组 有序 
        let arr = ['刘德华', '张学友', '黎明', '郭富城', 'pink老师', 10]
            // 2. 使用数组  数组名[索引号] 从0
            // console.log(arr)
        console.log(arr[0]) // 刘德华
        console.log(arr[4])
            // 3. 数组长度 =  索引号 + 1 
        console.log(arr.length) // 6

        //修改数组长度
        arr.length = 3
        console.log(arr) //['刘德华', '张学友', '黎明']
        arr.length = 6
        console.log(arr) //['刘德华', '张学友', '黎明',undefined, undefined, undefined]
    </script>
</body>

</html>
（3）修改：数组[下标]=新值

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-改</title>
</head>

<body>
    <script>        
        let arr = ['pink', 'red', 'green']
        // 修改
        arr[0] = 'hotpink'
        console.log(arr)
    </script>
</body>

</html>
（4）新增：push、unshift
  • arr.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 (重点)
  • arr.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度

image-20230301100413257

image-20230301100512873

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数组操作-增</title>
</head>

<body>
  <script>
    let arr = ['pink', 'hotpink']
    // 新增 push 推末尾
    console.log(arr.push('deeppink'))  // 3
    console.log(arr.push('deeppinnk', 'linghtpink'))//5
    // 新增 unshift 开头追加
    console.log(arr.unshift('red'))//6
  </script>
</body>

</html>
（5）删除：pop、shift、splice

  • arr. pop() 方法从数组中删除最后一个元素，并返回该元素的值

  • arr. shift() 方法从数组中删除第一个元素，并返回该元素的值

  • arr. splice(start,deleteCount) 方法 删除指定元素

    • start：指定修改的开始位置（从0计数）

    • deleteCount：表示要移除的数组元素的个数，可选， 如果省略则默认从指定的起始位置删除到最后

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数组操作-删</title>
</head>

<body>
  <script>
    let arr = ['red', 'green', 'blue']
    // 1. pop() 删除最后一个元素
    console.log(arr.pop()) // blue

    // 2. shift() 删除第一个元素
    arr.shift()
    console.log(arr)

    // 3. splice 删除指定元素  
    // splice(起始位置-索引号, 删除几个)
    arr.splice(1, 1) // 从索引号1的位置开始删， 只删除1个
    arr.splice(1) // 从索引号1的位置开始删,删除到最后
    console.log(arr)
  </script>
</body>

</html>
（6）排序：sort
  • arr. sort() ：默认排序规则
  • 可以传入排序规则实现自定义排序

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-排序</title>
</head>

<body>
    <script>
        let arr = [2, 4, 3, 5, 1]
        // arr.sort() 排序
        // sort 升序排列
        arr.sort(function(a, b) {
            return a - b
        })
        console.log(arr)

        // sort() 降序
        arr.sort(function(a, b) {
            return b - a
        })
        console.log(arr)
    </script>
</body>

</html>
（7）查索引：indexOf
  • indexOf(内容)：返回元素在数组中的索引

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-查索引</title>
</head>

<body>
    <script>
        let arr = [10, 20, '30', 'xyz']
        console.log(arr.indexOf(10)) // 元素10的索引为0
        console.log(arr.indexOf(20)) // 元素20的索引为1
        console.log(arr.indexOf(30)) // 元素30没有找到，返回-1
        console.log(arr.indexOf('30')) // 元素'30'的索引为2
    </script>
</body>

</html>
（8）截取：slice
  • arr.slice(start, end)：返回索引start到end的新数组，不包含end
  • arr.slice(start)：返回索引start到数组结束的新数组
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-截取</title>
</head>

<body>
    <script>
        let arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']
        console.log(arr.slice(0, 3)) //从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C']
        console.log(arr.slice(3)) // 从索引3开始到结束: ['D', 'E', 'F', 'G']
    </script>
</body>

</html>
（9）拼接：concat
  • arr.concat(newArrary):arr拼接数组newArrary，返回一个拼接后的新数组，不会影响源数组

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-拼接</title>
</head>

<body>
    <script>
        let arr = ['A', 'B', 'C']
        let added = arr.concat([1, 2, 3])
        console.log(added) // ['A', 'B', 'C', 1, 2, 3]
        //不会影响源数组
        console.log(arr) // ['A', 'B', 'C']
    </script>
</body>

</html>
（10）翻转：reverse
  • arr.reverse()，返回新数组

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-翻转</title>
</head>

<body>
    <script>
        let arr = ['one', 'two', 'three']
        arr.reverse()
        console.log(arr) // ['three', 'two', 'one']
    </script>
</body>

</html>
（11）数组拼接字符串：join
  • arr.join('指定字符') 方法是一个非常实用的方法，它把当前 Array 的每个元素都用指定的字符串连接起来，然后返回连接后的字符串

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组操作-数组拼接字符串</title>
</head>

<body>
    <script>
        let arr = ['A', 'B', 'C', 1, 2, 3];
        console.log(arr.join('-')) // 'A-B-C-1-2-3'
    </script>
</body>

</html>
（12）迭代数组：map
  • **作用：**map 迭代数组
  • 语法：

image-20230313111147114

  • **使用场景：**map可以处理数据，并且返回新的数组，不影响原数组
  • **map 也称为映射。**映射是个术语，指两个元素的集之间元素相互“对应”的关系

image-20230313112409861

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组map方法</title>
</head>

<body>
    <script>
        const arr = ['red', 'blue', 'green']
            // map方法也是遍历处理数据，返回一个新数组
        const newArr = arr.map(function(item, i) {
            console.log(item) // 数组元素  'red' 'blue' 'green'
            console.log(i) // 下标 0 1 2
            return item + '老师'
        })
        console.log(newArr) //['red老师', 'blue老师', 'green老师']

        const arr1 = [10, 20, 30]
        const newArr1 = arr1.map(function(item) {
            return item + 5
        })
        console.log(newArr1) //[15, 25, 35]
    </script>
</body>

</html>

4、Iterable

  • 遍历 Array 可以采用下标循环，遍历Map 和 Set 就无法使用下标。
  • 为了统一集合类型，ES6标准引入了新的 iterable 类型，Array，Map，Set 属于继承 iterable 类型的集合可以通过新的 for … of 循环来遍历。
  • 更好的方式是直接使用 iterable 内置的 forEach 方法，它接收一个函数，每次迭代就自动回调该函数。
    • forEach() 方法是ES5.1标准引入的，你需要测试浏览器是否支持。
    • Set 没有索引，因此回调函数的前两个参数都是元素本身
    • Map 的回调函数参数依次为 value 、 key 和 map 本身

案例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>遍历集合</title>
</head>

<body>
    <script>
        //for of  遍历 集合
        let a = ['A', 'B', 'C']
        let s = new Set(['A', 'B', 'C'])
        let m = new Map([
            [1, 'x'],
            [2, 'y'],
            [3, 'z']
        ])
        for (let x of a) { // 遍历Array
            console.log(x)
        }
        for (let x of s) { // 遍历Set
            console.log(x)
        }
        for (let x of m) { // 遍历Map
            console.log(x[0] + ':' + x[1])
        }

        //forEach 遍历数组
        a.forEach(function(element, index, array) {
            // element: 指向当前元素的值
            // index: 指向当前索引
            // array: 指向Array对象本身
            console.log(element + ', index = ' + index)
        });

        //forEach 遍历Set
        //Set 没有索引，因此回调函数的前两个参数都是元素本身
        s.forEach(function(element, sameElement, set) {
            console.log(element)
        })

        //forEach 遍历Map
        //Map 的回调函数参数依次为 value 、 key 和 map 本身
        m.forEach(function(value, key, map) {
            console.log(value)
        });
    </script>
</body>

</html>
李宥小哥
关注
专栏目录
js 集合
sun
04-11 4493
并集：将两个集合中的成员进行合并，得到一个新的集合 交集：两个集合共同存在的成员组成一个新的集合 补集：属于一个集合而不属于另一个集合的成员组成的集合 function Set() { this.dataStore = []; this.add = add; this.remove = remove; this.show = show; this.c...
JavaScript基础语法—基础数据类型简介
01-08
- **Object类型**：JavaScript中的对象是键值对的集合，键通常是字符串，值可以是任意类型。 - **Function类型**：JavaScript允许函数作为一等公民，可以赋值给变量、作为参数传递、作为其他函数的返回值。 理解...
JavaScript 中的集合
qq_43477721的博客
10-05 488
对于任何 JavaScript 程序来说，对数据的结构化组合和访问都是一个关键部分。这个语言 从一开始到现在，创建数据结构的主要机制一直都是数组和对象。当然，基于它们已经建 立了很多作为用户库的高级数据结构。 1.TypedArray TypedArray 对象描述底层的二进制数据缓冲的阵列状的图。没有命名的TypedArray全局属性，也没有直接可见的TypedArray构造函数。相反，有许多不同的全局属性，其值是特定元素类型的类型化数组构造函数。 new TypedArray(); // new in
JS五种集合的存取查询数据表现形式
最新发布
m0_74157361的博客
09-16 1104
JS四种集合分别是对象集合、数组集合、json集合，set集合和map集合，常用于不同情景下的存放数据，实现对数据的缓存、增添、删除、修改及查询等多种数据处理与操作功能，为复杂数据处理提供了多种手段与便利。
数据结构与算法--集合（Set）--JS
weixin_44999716的博客
10-24 1812
数据结构与算法–集合（Set）–JS 集合比较常用的实现方式是哈希表，这里来实现一个封装的集合类 集合通常是一组无序的、不能重复的元素构成 //封装集合类 function Set() { //属性 this.items = {}; //方法 //add方法 Set.prototype.add = function (value) { //判断当前集合中是否已经包含了该元素 if (this.has(value)) {
Javascript中的集合
banweng8535的博客
06-12 168
集合是由一组无序且唯一（即不能重复）的项组成 function Set() { var items={}; this.has=function(value){ //return value in items; return this.hasOwnProperty(value); } ...
JavaScript集合类：Array、Map、Set
bingguang1993的博客
08-19 366
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/cathar/article/details/53363845 在JavaScript中不像java有那么多的数据结构。在实际工作中，使用对象还是数组需要仔细考虑下。例如：如果实现 Map的功能，既可以使用关联数组，也可以使用对象，那么区别...
JavaScript集合
weixin_70806918的博客
10-30 486
JavaScript集合
JavaScript基础语法笔记
04-12
此“JavaScript基础语法笔记”涵盖了学习JS所必需的关键概念，包括循环结构、对象以及基本语法。 一、for循环 在JavaScript中，`for`循环是一种常用的迭代结构，用于重复执行一段代码直到特定条件满足。基本语法...
22.1 JavaScript 基础
09-12
总的来说，JavaScript基础涵盖了语言的核心概念，包括语法、数据类型、控制结构、函数、对象、数组和事件处理。掌握这些基础知识是成为一名合格的前端开发者的重要步骤。通过不断学习和实践，你可以利用JavaScript...
javaScript基础详解
10-20
本文主要介绍JavaScript的基础知识点，包括其基本语法、作用域、内置对象、函数、事件处理和数据类型等。 首先，JavaScript可以放置在HTML文档的多个位置，通常是放在`<head>`标签或者`<body>`标签内，也可以在页面...
JavaScript应用实例集合
07-01
JavaScript应用实例集合
JavaScript基础篇（3)之Object、Function等引用类型
10-23
1. Object类型是JavaScript中最为基础和常用的引用类型。它可以用来模拟现实世界中的对象模型，存储键值对集合。 - 创建Object对象有两种方法： - 构造函数方式：var obj = new Object(); obj.name = "张三"; obj...
JavaScript数据结构-集合
李刚的学习专栏
11-06 3726
集合（set）是一种包含不同元素的数据结构。集合中的元素称为成员。集合具有两个重要特性： （1）集合中的成员是无序的 （2）集合中不允许相同成员存在 当想创建一个数据结构，用来保存一些独一无二的元素时，比如一段文本中用到的单词，集合就变得非常有用。 一、集合的定义、操作和属性集合是由一组无序但彼此之间有一定相关性的成员构成的，每个成员在集合中只能出现一次。在数学上，用大括号将一组成员括
JS中几种常见的集合
热门推荐
xiangpan1207的博客
04-16 2万+
Array数组 1.1 Array的特点及创建方式 Array 中存储的元素是有序可以重复的，长度是可以动态改变，存储的元素可以是任意的数据类型。 1.1.1 构造函数的方式创建数组的方式 var arr = new Array("1","2","3");1.1.2 字面量的方式创建构造函数 var arr = ["a","b","c"];1.2 增arr.push("a");
JS实现集合类
哒哒哒
07-27 697
 集合是基本的数学知识，在程序应用中也十分的常见，但是通过js实现集合在网上查了下并不是很多，有些也是使用比较传统的方法实现，当然不是说传统的方法有什么缺点，传统方法兼容性更好 我发现在ES6中天然适合做集合的Set类，由于Set具有元素唯一性，这个特性也正是集合的最基本特性之一，因此能够用简洁的代码实现类的抽象 类常见的运算有查找、增加、删除、合集、并集、差集、子集等等操作，通过Set十分方...
javascript 集合
wonderfullyh的专栏
05-17 616
集合 all 返回对象所包含的元素集合的引用。 anchors 获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。
js将Object类型转为集合类型
09-18
### 回答1： JavaScript 中的 Object 类型可以通过调用内置的 Object.values() 或者 Object.entries() 函数将其转换为集合类型。 Object.values() 函数会返回一个数组，数组中包含对象中所有可枚举属性的值。 Object.entries() 函数会返回一个数组，数组中包含对象中所有可枚举属性的键值对。 例如： ``` const object = { a: 1, b: 2, c: 3 }; console.log(Object.values(object)); // [1, 2, 3] console.log(Object.entries(object)); // [['a', 1], ['b', 2], ['c', 3]] ``` 请注意，Object.values() 和 Object.entries() 函数是在 ECMAScript 2017 中引入的，所以可能不在所有浏览器中都可用。 ### 回答2： 在JavaScript中，Object是一种非常常用的数据类型，它是一种无序的键值对集合。然而，有时我们需要将一个Object类型转换为集合类型，以便于进行循环遍历或者进行其他操作。 要将Object类型转为集合类型，JavaScript提供了一些内置的方法。一个常见的方法是使用Object.keys()方法，它返回一个包含Object的所有键的数组。例如，假设我们有以下的Object： var obj = {name: 'John', age: 30, city: 'New York'}; 我们可以使用Object.keys()方法来将Object类型转为集合类型： var keys = Object.keys(obj); 现在，keys是一个包含obj的所有键的数组。在这个例子中，keys数组的内容为：['name', 'age', 'city']。 另一个常用的方法是使用Object.entries()方法，它返回一个包含Object的所有键值对的数组。例如，使用上面的obj对象，我们可以使用Object.entries()方法来将Object类型转为集合类型： var entries = Object.entries(obj); 现在，entries是一个包含obj的所有键值对的数组。在这个例子中，entries数组的内容为：[['name','John'], ['age', 30], ['city', 'New York']]。 这些方法可以使我们在处理Object类型数据时更加方便，可以通过循环遍历数组来访问Object的键或者键值对。例如，我们可以使用for循环来遍历keys数组，或者使用forEach()方法来遍历entries数组。 总结起来，以上就是将Object类型转为集合类型的方法。根据需求选择适当的方法，以便于操作Object的键或者键值对。 ### 回答3： 在JavaScript中，可以通过多种方式将Object类型转换为集合类型。 一种常见的方法是使用Object的内置方法Object.values()。这个方法返回一个给定对象所有可枚举属性值的数组。例如，假设有一个名为obj的对象，它有两个属性'name'和'age'，可以使用Object.values(obj)将obj对象转换为数组。这样得到的数组就可以视为一个集合，可以使用数组的方法进行操作。 另一个方法是使用Object.keys()方法获取对象的所有可枚举属性名，并将其存储在一个数组中。然后可以使用Array.map()方法遍历这个数组，将每个属性名对应的属性值提取出来，从而得到一个包含所有属性值的数组。 除了使用内置方法外，还可以自己定义一个转换函数来将Object转换为集合类型。这个函数可以遍历对象的属性，将每个属性的键值对作为一个元素添加到集合中。 无论使用哪种方法，转换后的集合类型都可以通过迭代器进行遍历，或者通过数组的一些方法进行操作，比如过滤、映射、排序等。 总之，在JavaScript中，将Object类型转换为集合类型可以使用Object.values()、Object.keys()方法或自定义转换函数来实现。这样可以方便地对对象的属性进行操作和处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

李宥小哥

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值