JavaScript遍历数组和对象

JavaScript中遍历数组和对象的实用方法

遍历数组和对象是学习JavaScript数据结构过程中必不可少的一部分。
本文总结了常用的遍历方法，主要参考了MDN文档、阮一峰ES6教程、左小白的博客，以便大家更好的理解和复习。

数组遍历

在ES5中，虽然有forEach方法，但它无法实现Continue或Break，所以我们推荐使用原始的for循环。
ES6提供了entries()、keys()和value()方法。
这些方法返回一个遍历器对象，允许更灵活地使用for...of循环。
for...in是通用的，适用于数组（下标遍历）和对象。

使用数组时要注意空间的特殊性。
ES5的forEach和其他方法会跳过空格，但map和join/toString将空格视为未定义或空字符串。
在ES6中，空格直接转换为undefined。

对象遍历

for...of不能直接遍历Object，但可以遍历Sets和Maps。
使用newMap(Object.entries(obj))将Object转换为Map，并使用Object.fromEntries(map)将Map转换回Object。
所有方法在遍历对象的顺序上都遵循相同的属性遍历规则。
for...in还按照数字和字符串顺序遍历从父元素继承的原型属性。

概述和原则

根据您的具体需求选择合适的扫描方法。
了解每种方法的特点和适用场景是高效使用数组和对象的关键。
掌握这些技术将使在JavaScript编程中操作数据结构变得更加容易。

阮一峰大佬的JS(初识)面向对象（读书笔记）

在JavaScript中创建的每个对象都会设置一个指向其原型对象的原型。
面向对象的核心规则包括以下三个关键点：1、所有函数对象都有一个原型对象（prototype）。
2.所有对象上都有一个隐式原型（__proto__），它指向创建该对象的构造函数的原型。
3.所有原型上都有一个构造函数，指向原型所在的构造函数本身。
构造函数模式通过使用此变量生成实例。
new运算符用于执行构造函数并将此变量绑定到实例对象。
但该方法在生成多个实例时会占用大量内存。
instanceof运算符用于验证原型对象和实例对象之间的关系。
上述参数必须是复杂数据类型。
在原型模式下，每个构造函数都有一个指向另一个对象的原型属性。
该对象的属性和方法将被构造函数的实例继承，以解决构造函数占用重复内存的问题。
isPrototypeOf()方法用于确定对象的原型和实例之间的关系。
hasownProperty()方法用于判断属性是本地属性还是从原型对象继承的属性。
in运算符用于判断实例对象是否包含某个属性，该属性是本地属性还是继承属性。
它还可以用来遍历对象的所有属性。
继承机制涉及使用call和apply方法将父对象的构造函数绑定到子对象。
例如，cat原型指向一个Animal实例，所有cat实例都可以继承Animal属性和方法。
然而，改变Cat原型会导致Animal原型也改变，这是不理想的。
例如，如果复制操作允许Doctor继承中文，则修改子对象将影响父对象。
修改子对象不会影响父对象。

阮一峰关于javascript中闭包的解读是否正确?

关于闭包的概念，我们首先要明白它来自于函数式语言。
指可以访问和修改其外部作用域中的变量的函数，即使外部作用域不再存在。
例如，假设我们在函数a中定义了一个函数测试。
然而，当我们使用setTimeout来调用这个函数时，测试将会持续下去。
即使函数a被执行，理论上函数a内的所有变量都应该被销毁。
但由于test被引用，所以函数执行结束后，直到setTimeout回调函数执行完毕，它才被销毁。
让我们再举一个例子，考虑一下obj函数。
理论上来说，obj函数执行后，函数体内的所有东西都应该被回收。
但是obj函数返回的对象b包含set和get方法，它们维护对内部变量a的引用。
因此，即使执行了obj函数，变量a也不会被销毁。
在对象b被回收之前，对象a不会被销毁。
闭包的定义可以从维基百科获得。
闭包是指引用自由变量的函数。
即使自由变量在引用函数的上下文之外被销毁，它们仍保留在函数中。
通过总结前面的例子，我们可以更直观地理解JavaScript中闭包的工作原理。
闭包允许函数访问和修改外部作用域中的变量，即使这些变量的外部作用域不再存在。
理解闭包的关键是理解它们如何维护对外部变量的引用，以便在函数执行完成后仍然可以访问它们。

面试题之ES6的新特性（详细）

ES6引入了许多新功能，这些功能越来越多地用于现代JavaScript开发中。
通过各种Babel转换，大多数公司倾向于使用ES6语法编写代码。
JavaScript的创建者BrendanEich表示，任何语言设计都不可能是完美的，但他逐渐在现实应用中展示了它的优点和缺点。
ES6的const、let等方法就是为了解决JavaScript历史遗留的一些问题，让JavaScript变得更加理性。
在学习一门语言时，了解它的历史和最初的设计意图比仅仅记住它的API更能帮助你更深入地理解该语言。
阮一峰老师的《ES6标准简介》是学习ES6的首选资源。
本书的关键概念总结如下。
**常量和变量声明**在ES6中，用`let`声明的变量仅在其作用域内有效，而用`const`声明的变量在声明时是只读常量。
这与声明“var”的方式形成对比，后者通常用于避免“var”的副作用，例如变量提升和作用域问题。
**解构赋值**解构赋值允许您从数组或对象中提取值并将它们分配给变量。
解构数组时，请确保变量名称与数组元素名称匹配。
对于对象解构，变量名必须与对象属性名相同。
在实际使用中，解构赋值提供了一种简洁灵活的数据处理方式。
**函数封装和返回**ES6允许函数参数为对象，而无需修改参数顺序。
如果调用函数时使用“{}”，不传递参数也不会出错。
此外，一个函数可以通过解构赋值返回多个分配给一个变量的值。
**模板字符串**模板字符串使用“$”符号插入JavaScript表达式、操作、对象属性引用和函数调用并返回结果。
您可以将变量值插入到字符串中并保留字符串格式，例如空格和换行符。
**功能扩展**ES6引入了`rest_parameter`来收集重复参数。
“箭头函数”简化了函数定义并支持终结调用优化。
阮先生的书中对尾部调用进行了值得注意的讨论。
**数组和对象扩展**数组的“call”、“apply”和“bind”方法允许您使用数组作为参数来更改函数的“this”指针。
对象的属性名称可以使用表达式，并且添加了新方法：“Object.keys()”、“Object.values()”和“Object.entries()”。
**符号类型**符号是ES6中的一种新数据类型，为对象属性名称提供唯一标识符。
它不能被`for...in`、`for...of`和`Object.keys()`识别，可以使用`Reflect.ownkeys`方法进行检查。
**集合和映射数据结构**集合和映射是ES6中的新数据结构，它们类似于数组，但具有独特的成员和集合属性。
Set用于去除重复，Map提供存储键值对的便利。
**Promise异步编程**Promise用于异步编程，建议通过提供“then”方法来捕获错误来处理成功和失败情况。
`Promise.all`可以将多个Promise组合为一个，这意味着当所有Promise完成时触发。
**迭代器和for...of循环**迭代器允许您探索各种数据结构，例如数组、映射、集合等。
“for...of”循环提供了比传统循环更简洁的遍历方法。
**Generator和asyncawait**Generator提供了异步编程解决方案，asyncawait语法糖简化了Generator的使用。
`async`函数返回一个Promise，而`await`用于等待Promise结果。
**类和继承**ES6中引入了类的概念，以提供面向对象编程所需的结构。
类支持静态方法和属性，类的实例继承该类的属性和方法。
**模块化**模块化支持将代码拆分为独立的、可重用的组件。
ES6模块使用“export”和“import”实现以支持本机输出，并重命名为“import”。
这些新功能极大地增强了JavaScript的功能，并提高了代码的可读性和可维护性。
ES6的修改对前端开发产生了巨大的影响。
阮一峰老师的书《ES6标准入门》提供了深入的学习资源。
除了上述特性之外，ES6还包括二进制数据、代理、Reflect和装饰器等高级特性，值得进一步探索。