Symbol.Iterator简单理解

最新推荐文章于 2024-08-04 16:33:59 发布
最新推荐文章于 2024-08-04 16:33:59 发布
阅读量6.4k 收藏 25
点赞数 6
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46525076/article/details/118632890
版权
本文介绍了JavaScript中的Symbol和Iterator的概念，以及symbol.Iterator的作用。Symbol是ES6新增的基本类型，其属性值唯一，解决命名冲突问题，不参与常规计算和遍历。Iterator是一个遍历器接口，用于数据结构的遍历。symbol.Iterator是内置符号，用于定义对象的迭代器逻辑，让对象成为可迭代的。for...of循环用于遍历可迭代对象，如数组、Map等。文章还探讨了for...of与for...in的区别，并提供了示例代码帮助理解。
摘要由CSDN通过智能技术生成
  1. symbol 是什么？
  2. Itertor是什么？

  3. symbol的内置符号symbol.Iterator，有什么用？

  4. 为什么会出现for..of?

  5. for..of怎么用?

首先symbol是es6新增的类型，它是一个基本类型，symbol英文翻译是符号的意思。

在叙述symbol之前，推出一个概念，“以操作目标为程序本身的行为特性的编程，我们称为元编程。”

我们已知

最低0.47元/天 解锁文章
牧之说前端
关注
  • 6
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
ES6入门教程之Iterator与for...of循环详解
08-30
同时，如果自定义类需要支持`for...of`循环，可以通过实现`Symbol.iterator`属性来指定遍历行为。 总结来说，ES6中的Iterator和for...of循环提供了一种更简洁、统一的方式来遍历各种数据结构，使得开发者可以更方便...
Symbol.iterator的理解
潜行IT的博客
10-08 1万+
es6中有三类结构生来就具有Iterator接口：数组、类数组对象、Map和Set结构。 var arr = [1,2,3,4]; let iterator = arr[Symbol.iterator](); console.log(iterator.next()); //{ value: 1, done: false } console.log(iterator.next()); //...
解读 arrify 源码，Symbol.iterator
qq_19901795的博客
09-01 369
对象（Object）之所以没有默认部署 Iterator 接口，是因为对象的哪个属性先遍历，哪个属性后遍历是不确定的，需要开发者手动指定。本质上，遍历器是一种线性处理，对于任何非线性的数据结构，部署遍历器接口，就等于部署一种线性转换。不过，严格地说，对象部署遍历器接口并不是很必要，因为这时对象实际上被当作 Map 结构使用，ES5 没有 Map 结构，而 ES6 原生提供了。由于数组的遍历会调用遍历器接口，所以任何接受数组作为参数的场合，其实都调用了遍历器接口。所以，调用这个属性，就得到遍历器对象。...
[ES6]Symbol Iterator Generator Async使用小结
一起来看烟花吧的博客
06-06 339
async函数简介 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。 定义一个async函数 async function foo() { await 异步操作; await 异步操作； } async关键字表示后面的这个函数中有异步操作。await关键字等待后面的操作返回结果后再继续往下执行。 使用promise来处理异步操作 function test1() { return new Promise(function (resolve, reject) {
从理解到实现轻松掌握 ES6 中的迭代器
程序员成长指北
03-15 225
今日文章由 “Nodejs技术栈@五月君” 授权分享，正文从下面开始～JavaScript 中除了 Array 之外，ES6 还新增加了 Map、Set 结构，当我们需要操作这些数据时，就...
一道题开始认识Symbol
林恒的博客
09-15 172
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近每天学习的时候，发现了一道很有趣的面试题 1.const [a, b] = { a: 100, b: 200 } 2.console.log(a) 3.console.log(b) 如何在不改变1的情况下，让代码不报错 这个时候，我突然想起来，之前看红宝书的时候，有过这么一篇内容 最后我的解题代码为 Object.pr...
17、JavaScript类型：关于类型，有哪些你不知道的细节？
所学所思
11-25 311
今天我们来讲讲JavaScript的内容，在这个部分，我首先想跟你聊一聊类型。JavaScript类型对每个前端程序员来说，几乎都是最为熟悉的概念了。但是你真的很了解它们吗？我们不妨来看看下面的几个问题。 为什么有的编程规范要求用void 0代替undefined？ 字符串有最大长度吗？ 0.1 + 0.2不是等于0.3么？为什么JavaScript里不是这样的？ ES6新加入的Symbol是个什么东西？ 为什么给对象添加的方法能用在基本类型上？ 如果你答起来还有些犹豫的地方，这就说明你对这部分知识点，还是
es6 Iterator（迭代器）
letianxf的博客
11-23 873
Iterator（迭代器） 由来及意义 在编程中，集合是个很重要的概念，js原有的集合主要是数组，对象，es6又添加了set，map。这样就有了四种集合，用户还可以根据需要组合适合的数据结构。 有了4中集合之后，就需要一种统一的机制来遍历，访问这些数据结构。 迭代器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。 具体实现 Iterator 的遍历过程是这样的。
js中的symbol详解
热门推荐
yjwlike的博客
12-20 2万+
Symbol 类型 symbol的实例是唯一的不可变的, 用于确保对象的属性不重复 使用方式 : 调用 Symbol( 标识 ) 函数 返回一个符号 const a = Symbol('a'); const obj = { [a]: 1 }; console.log(obj); // {Symbol(a): 1} Symbol() 函数不可以 new 符号代表唯一的值, 但是我就想用一个符号呢 ? 通过 Symbol.for () 创建一个全局符...
Javascript——Symbol简单了解(2)
2401_84010497的博客
04-12 544
我们可以通过设置[Symbol.asyncIterator]属性来自定义异步可迭代对象。
js代码-模拟 Iterator 遍历器
07-16
首先，理解`Iterator`的核心概念是关键。`Iterator`对象是一个实现了迭代协议的对象，该协议定义了一个next()方法，每次调用返回一个包含`value`和`done`两个属性的对象。`value`表示当前遍历到的值，`done`是一个...
js代码-Iterator遍历对象
07-15
在JavaScript中，`Iterator`遍历对象是一种现代且灵活的方式来访问和操作集合中的元素，无论它们是数组...通过深入理解和熟练运用`Iterator`，开发者可以更好地驾驭JavaScript的现代特性，编写出更加高效和优雅的代码。
js代码-自定义对象创建迭代器
07-14
这是ES6引入的一种新特性，通过`Symbol.iterator`和迭代器协议来实现。本主题将深入探讨如何创建自定义迭代器以及它们在实际开发中的应用。 首先，了解`Symbol.iterator`这个特殊符号。在JavaScript中，`Symbol`是...
牛客JS题（二十一）数组扁平化
最新发布
不起眼小菜菜的博客
08-04 740
注释很详细，直接上代码……
Springboot+Websocket+Security+Vue 实现弹幕推送功能
Gemini1995的博客
08-01 641
【代码】Springboot+Websocket+Security+Vue 实现弹幕推送功能。
【Vue3】自定义组件
又言又语
07-30 478
本文介绍 Vue3 中如何自定义组件。页面组件：用于构建独立页面，通常存放在src/pages或src/views目录下。功能组件：将页面中一些独立的功能封装成独立组件，譬如：分页组件、日期时间组件等。功能组件通常存放在目录下。本文主要说明如何自定义功能组件。
django+vue项目-制作一个简单的购物网站
码农在写代码
07-30 373
用django框架制作的一个简易的网站后端学习笔记
RN高级interview
流星雨的博客
07-31 513
RN高级interview
symbol.iterator
08-19
- *1* *2* *3* [Symbol.Iterator简单理解](https://blog.csdn.net/m0_46525076/article/details/118632890)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值