for循环语句
for语句通常由2部分组成：一是“条件控制部分”，二是“循环体”
for(初始值;逻辑条件;增量/减量){循环体;}

说明：
在使用for循环之前要先设定一个计数器变量，可以在for循环之前定义，也可以在使用时直接进行定义。上面的语法中，“初始化表达式”表示计数器变量的初始值；“循环条件表达式”是一个计数器变量的表达式，决定了计数器的最大值
为什么会出现死循环？
在使用for语句时，需要保证循环可以正常结束，也就是保证循环条件的结果存在不为true的情况，否则循环体会无限地执行下去，从而出现死循环现象。
跳转语句
JavaScript支持的跳转语句主要有2种：
（1）break语句
break语句用于退出包含在最内层的循环或者退出一个switch语句。break语句通常用于while、do…while、switch或for语句中
（2）continue语句
continue语句跟break语句类似。不同之处在于，continue语句用于退出本次循环，并开始下一次循环。而break语句是退出所有循环！
说明：
跟break语句一样，continue语句也只能用在white、do…while、for和switch等循环语句中。
break语句与continue语句的主要区别是：
break是彻底结束循环，而continue是结束本次循环。
for循环案例

程序的三种控制结构
什么是控制结构？
"""
程序有三种基本结构组成：顺序结构、分支结构、循环结构。任何程序都是由这三种基本结构组成。
顺序结构是程序按照线性顺序依次执行的一种运行方式。
分支结构是程序根据条件判断结果而选择不同向前执行路径的一种运行方式。
循环结构是程序根据条件判断结果向后执行的一种运行方式。
"""
程序的分支结构
单分支结构：if
"""
python中分支结构使用if保留字对条件进行判断，使用方法：
if :
其中，if、:、、前的缩进都是语法的一部分
例如：判断一个数字的大小
a = 1
b = 2
if a < b:
print("True")
可以是一个或者多个条件，多个条件间采用and或or进行逻辑组合。and表示多个条件“与”的关系，or表示多个条件“或”的关系。
例如：判断用户输入数字的特性
a = eval(input("请输入一个数字:"))
if a % 3 == 0 and a% 5 == 0:
print("这个数字既能被3整除，也可以被5整除")
print("输入的数字是：",s)
请输入一个数字: 10
输入的数字是：  10
请输入一个数字：15
这个数字既能被3整除，也可以被5整除
输入的数字是： 15
"""
二分支结构：if-else
"""
python的二分支结构使用if-else保留字对条件进行判断，语法格式如下：
if :
else:
在if中满足即为True时执行，在if中不满足即为False时执行，简单来说，二分支结构根据条件True或False结果产生两条路径。
例如：
a = eval(input("请输入一个数字:"))
if a % 3 == 0 and a% 5 == 0:
print("这个数字既能被3整除，也可以被5整除")
else:
print("这个数字既不能被3整除，也不可以被5整除")
print("输入的数字是：",s)
请输入一个数字:15
这个数字既能被3整除，也可以被5整除
输入的数字是： 15
请输入一个数字:11
这个数字既不能被3整除，也不可以被5整除
输入的数字是： 11
"""
三分支结构：if-elif-else
"""
python的三分支结构使用if-elif-else保留字对条件进行判断，语法格式如下：
if :
elif :
elif :
.
.
else:
多分支结构通常用于判断同一个条件或者一类条件的多个执行路径。
例如：
a = eval(input("请输入你的成绩："))
if a > 90:
print("优秀")
elif a > 80:
print("良好")
elif a >= 60:
print("及格")
else:
print("不及格")
请输入你的成绩：100
优秀
请输入你的成绩：85
良好
请输入你的成绩：60
及格
请输入你的成绩：50
不及格
"""
遍历循环:for
python语言中的循环结构分为：遍历循环和无限循环两种，遍历循环使用保留字for依次提取遍历结构各元素进行处理，无限循环使用保留字while根据判断条件执行程序。
在学习for循环时我们要理解，什么是for循环，循环就是重复做某件事，for循环时python提供第二种循环机制，为何要有for循环，理论上for循环能做的事，while循环都可以做，之所以要有for循环，是因为for循环在循环取值(遍历取值)比while循环更简洁。
"""
for 变量名 in 可迭代对象：
可迭代对象可以是：列表、字典、字符串、元组、集合
遍历循环：for
遍历循环可以理解为从遍历结构中逐一提取元素，放在循环变量中，对于每个所提取的元素执行一次语句块。
for  in :
例如:
for a in "python":
print(a)
p
y
t
h
o
n
或者：
for a in range(3):
print(a)
0
1
2
"""
遍历结构还有一种扩展结构
"""
for <> in <>:
else:
"""
当for循环正常执行之后，程序会继续执行else语句中内容，else语句只在循环正常执行之后才执行并结束，所以，可以在中放置评价循环执行情况的语句
for循环和if结构连用：
用户登录：当名字输入错误或密码输入错误时，重新输入，当名字以及密码输入错误达到三次，程序结束
name = "佩奇"
password = "123"
for i in range(3):
id_name = input("请输入你的名字：")
id_password = input("请输入你的密码：")
if id_name == name and id_password == password:
print("登录成功")
break
else:
print("输入次数三次，程序结束")
结果：
请输入你的名字：aa
请输入你的密码：123
请输入你的名字：bb
请输入你的密码：123
请输入你的名字：cc
请输入你的密码：123
输入次数三次，程序结束
Process finished with exit code 0
无限循环：while
"""
python通过保留字while实现无限循环，基本使用方法如下：
while :
例如：
n = 0
while n <10:
print(n)
n = n + 3
结果：
0
3
6
9
当程序执行到while语句时，判断条件如果为True，执行循环体语句，语句结束后返回再次判断while语句的条件，当条件为False时，循环终止，执行与while同级别缩进的后续语句。
无限循环也有一种使用保留字else的扩展模式：
while :
else:
"""
循环控制有两个辅助循环控制的保留字：break和continue
break用来跳出最内层for或while循环，脱离该循环后程序继续执行循环后续代码。
例如：
while True:
s = input("请输入姓名：")
if s == "q":
break
print("输入的名字是" ,s)
print("程序退出")
结果：
请输入姓名：佩奇
输入的名字是 佩奇
请输入姓名：乔治
输入的名字是 乔治
请输入姓名：q
程序退出
如果有2层或多层循环，break退出最内层循环。
而continue用来结束当前当次循环，即跳出循环体中，执行下面尚未执行的语句，但不跳出当前循环。
例如：
for s in 'python':
if s == 'y':
continue
print(s,end='')
结果：pthon
"""
总结：continue语句和break语句的区别是：continue语句只结束本次循环，不终止下面程序的运行，而break语句直接结束整个当前循环。
强调：在continue之后添加同级代码毫无意义，因为永远无法运行
"""
while死循环与效率问题:
"""
count = 0
while count < 5:
print(count)
会一直0循环下去
while True:
input("输入姓名：")
不会终止，但是不会引发效率问题
while True:
1 + 1
一直不停的工作，纯计算无io的死循环会导致致命的效率问题，了解即可，不要实验(费电脑)
"""
while循环嵌套，每一层都必须配一个break
例如:
"""
while True:
while True:
while True:
break
break
break
"""
while循环和if结构连用:
用户登录：当名字输入错误或密码输入错误时，重新输入，当名字以及密码输入成功时，登录成功那个
name = "佩奇"
password = "123"
while True:
id_name = input("请输入你的名字：")
id_password = input("请输入你的密码：")
if id_name == name and id_password == password:
print("登录成功")
break
else:
print("重新输入")
请输入你的名字：乔治
请输入你的密码：123
重新输入
请输入你的名字：佩奇
请输入你的密码：123
登录成功

程序的三种控制结构
什么是控制结构？
"""
程序有三种基本结构组成：顺序结构、分支结构、循环结构。任何程序都是由这三种基本结构组成。
顺序结构是程序按照线性顺序依次执行的一种运行方式。
分支结构是程序根据条件判断结果而选择不同向前执行路径的一种运行方式。
循环结构是程序根据条件判断结果向后执行的一种运行方式。
"""
程序的分支结构
单分支结构：if
"""
python中分支结构使用if保留字对条件进行判断，使用方法：
if :
其中，if、:、、前的缩进都是语法的一部分
例如：判断一个数字的大小
a = 1
b = 2
if a < b:
print("True")
可以是一个或者多个条件，多个条件间采用and或or进行逻辑组合。and表示多个条件“与”的关系，or表示多个条件“或”的关系。
例如：判断用户输入数字的特性
a = eval(input("请输入一个数字:"))
if a % 3 == 0 and a% 5 == 0:
print("这个数字既能被3整除，也可以被5整除")
print("输入的数字是：",s)
请输入一个数字: 10
输入的数字是： 10
请输入一个数字：15
这个数字既能被3整除，也可以被5整除
输入的数字是： 15
"""
二分支结构：if-else
"""
python的二分支结构使用if-else保留字对条件进行判断，语法格式如下：
if :
else:
在if中满足即为True时执行，在if中不满足即为False时执行，简单来说，二分支结构根据条件True或False结果产生两条路径。
例如：
a = eval(input("请输入一个数字:"))
if a % 3 == 0 and a% 5 == 0:
print("这个数字既能被3整除，也可以被5整除")
else:
print("这个数字既不能被3整除，也不可以被5整除")
print("输入的数字是：",s)
请输入一个数字:15
这个数字既能被3整除，也可以被5整除
输入的数字是： 15
请输入一个数字:11
这个数字既不能被3整除，也不可以被5整除
输入的数字是： 11
"""
三分支结构：if-elif-else
"""
python的三分支结构使用if-elif-else保留字对条件进行判断，语法格式如下：
if :
elif :
elif :
.
.
else:
多分支结构通常用于判断同一个条件或者一类条件的多个执行路径。
例如：
a = eval(input("请输入你的成绩："))
if a > 90:
print("优秀")
elif a > 80:
print("良好")
elif a >= 60:
print("及格")
else:
print("不及格")
请输入你的成绩：100
优秀
请输入你的成绩：85
良好
请输入你的成绩：60
及格
请输入你的成绩：50
不及格
"""
遍历循环:for
python语言中的循环结构分为：遍历循环和无限循环两种，遍历循环使用保留字for依次提取遍历结构各元素进行处理，无限循环使用保留字while根据判断条件执行程序。
在学习for循环时我们要理解，什么是for循环，循环就是重复做某件事，for循环时python提供第二种循环机制，为何要有for循环，理论上for循环能做的事，while循环都可以做，之所以要有for循环，是因为for循环在循环取值(遍历取值)比while循环更简洁。
"""
for 变量名 in 可迭代对象：
可迭代对象可以是：列表、字典、字符串、元组、集合
遍历循环：for
遍历循环可以理解为从遍历结构中逐一提取元素，放在循环变量中，对于每个所提取的元素执行一次语句块。
for  in :
例如:
for a in "python":
print(a)
p
y
t
h
o
n
或者：
for a in range(3):
print(a)
0
1
2
"""
遍历结构还有一种扩展结构
"""
for <> in <>:
else:
"""
当for循环正常执行之后，程序会继续执行else语句中内容，else语句只在循环正常执行之后才执行并结束，所以，可以在中放置评价循环执行情况的语句
for循环和if结构连用：
用户登录：当名字输入错误或密码输入错误时，重新输入，当名字以及密码输入错误达到三次，程序结束
name = "佩奇"
password = "123"
for i in range(3):
id_name = input("请输入你的名字：")
id_password = input("请输入你的密码：")
if id_name == name and id_password == password:
print("登录成功")
break
else:
print("输入次数三次，程序结束")
结果：
请输入你的名字：aa
请输入你的密码：123
请输入你的名字：bb
请输入你的密码：123
请输入你的名字：cc
请输入你的密码：123
输入次数三次，程序结束
Process finished with exit code 0
无限循环：while
"""
python通过保留字while实现无限循环，基本使用方法如下：
while :
例如：
n = 0
while n <10:
print(n)
n = n + 3
结果：
0
3
6
9
当程序执行到while语句时，判断条件如果为True，执行循环体语句，语句结束后返回再次判断while语句的条件，当条件为False时，循环终止，执行与while同级别缩进的后续语句。
无限循环也有一种使用保留字else的扩展模式：
while :
else:
"""
循环控制有两个辅助循环控制的保留字：break和continue
break用来跳出最内层for或while循环，脱离该循环后程序继续执行循环后续代码。
例如：
while True:
s = input("请输入姓名：")
if s == "q":
break
print("输入的名字是" ,s)
print("程序退出")
结果：
请输入姓名：佩奇
输入的名字是 佩奇
请输入姓名：乔治
输入的名字是 乔治
请输入姓名：q
程序退出
如果有2层或多层循环，break退出最内层循环。
而continue用来结束当前当次循环，即跳出循环体中，执行下面尚未执行的语句，但不跳出当前循环。
例如：
for s in 'python':
if s == 'y':
continue
print(s,end='')
结果：pthon
"""
总结：continue语句和break语句的区别是：continue语句只结束本次循环，不终止下面程序的运行，而break语句直接结束整个当前循环。
强调：在continue之后添加同级代码毫无意义，因为永远无法运行
"""
while死循环与效率问题:
"""
count = 0
while count < 5:
print(count)
会一直0循环下去
while True:
input("输入姓名：")
不会终止，但是不会引发效率问题
while True:
1 + 1
一直不停的工作，纯计算无io的死循环会导致致命的效率问题，了解即可，不要实验(费电脑)
"""
while循环嵌套，每一层都必须配一个break
例如:
"""
while True:
while True:
while True:
break
break
break
"""
while循环和if结构连用:
用户登录：当名字输入错误或密码输入错误时，重新输入，当名字以及密码输入成功时，登录成功那个
name = "佩奇"
password = "123"
while True:
id_name = input("请输入你的名字：")
id_password = input("请输入你的密码：")
if id_name == name and id_password == password:
print("登录成功")
break
else:
print("重新输入")
请输入你的名字：乔治
请输入你的密码：123
重新输入
请输入你的名字：佩奇
请输入你的密码：123
登录成功

	

如果要用一句来描述，我们可以说
Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构
那什么是集合？什么又是字典呢？
集合
集合，是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合
字典
字典(dictionary)是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同
它们之间又有什么区别呢？
共同点：集合、字典都可以存储不重复的值不同点：集合是以[值，值]的形式存储元素，字典是以[键，值]的形式存储
背景
大多数主流编程语言都有多种内置的数据集合。例如Python拥有列表(list)、元组(tuple)和字典(dictionary),Java有列表(list)、集合(set)、队列(queue)
然而  JavaScript 直到ES6的发布之前，只拥有数组(array)和对象(object)这两个内建的数据集合
在 ES6 之前,我们通常使用内置的 Object 模拟Map
但是这样模拟出来的map会有一些缺陷，如下:
Object的属性键是String或Symbol，这限制了它们作为不同数据类型的键/值对集合的能力Object不是设计来作为一种数据集合，因此没有直接有效的方法来确定对象具有多少属性
Set
定义: Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用，Set对象是值的集合，你可以按照插入的顺序迭代它的元素。Set中的元素只会出现一次，即 Set 中的元素是唯一的
Set本身是一个构造函数，用来生成 Set 数据结构
基本使用
语法new Set([iterable]) 接收一个数组(或者具有 iterable 接口的其他数据结构), 返回一个新的Set对象
const set = new Set([1,2,1,2])
console.log(set) // {1,2} 
上面代码可以看出 Set 是可以去除数组中的重复元素
属性及方法
属性
size: 返回集合中所包含的元素的数量
console.log(new Set([1,2,1,2]).size) // 2
操作方法
add(value): 向集合中添加一个新的项delete(value): 从集合中删除一个值has(value): 如果值在集合中存在，返回ture, 否则返回falseclear(): 移除集合中的所有项
let set = new Set()
set.add(1)
set.add(2)
set.add(2)
set.add(3)
console.log(set) // {1,2,3}
set.has(2) // true
set.delete(2)  
set.has(2) // false
set.clear() 
遍历方法
keys(): 返回键名的遍历器values(): 返回键值的遍历器entries(): 返回键值对的遍历器forEach(): 使用回调函数遍历每个成员
let set = new Set([1,2,3,4])

// 由于set只有键值，没有键名，所以keys() values()行为完全一致
console.log(Array.from(set.keys())) // [1,2,3,4]
console.log(Array.from(set.values())) // [1,2,3,4]
console.log(Array.from(set.entries())) //  [[1,1],[2,2],[3,3],[4,4]]

set.forEach((item) => { console.log(item)}) // 1,2,3,4

应用场景
因为 Set 结构的值是唯一的，我们可以很轻松的实现以下
// 数组去重
let arr = [1, 1, 2, 3];
let unique = [... new Set(arr)];

let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);
    
// 并集
let union = [...new Set([...a, ...b])]; // [1,2,3,4]
    
// 交集
let intersect = [...new Set([...a].filter(x => b.has(x)))]; [2,3]
    
// 差集
let difference = Array.from(new Set([...a].filter(x => !b.has(x)))); [1]
WeakSet
WeakSet 对象是一些对象值的集合, 并且其中的每个对象值都只能出现一次。在WeakSet的集合中是唯一的
WeakSet 的出现主要解决弱引用对象存储的场景, 其结构与Set类似
与Set的区别
与Set相比，WeakSet 只能是对象的集合，而不能是任何类型的任意值WeakSet集合中对象的引用为弱引用。如果没有其他的对WeakSet中对象的引用，那么这些对象会被当成垃圾回收掉。这也意味着WeakSet中没有存储当前对象的列表。正因为这样，WeakSet 是不可枚举的
WeakSet 的属性跟操作方法与 Set 一致，不同的是 WeakSet 没有遍历方法，因为其成员都是弱引用，弱引用随时都会消失，遍历机制无法保证成员的存在
上面一直有提到弱引用，那弱引用到底是指什么呢？
弱引用是指不能确保其引用的对象不会被垃圾回收器回收的引用，换句话说就是可能在任意时间被回收
Map
Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。一个Map对象在迭代时会根据对象中元素的插入顺序来进行 — 一个  for...of 循环在每次迭代后会返回一个形式为[key，value]的数组
基本使用
语法
new Map([iterable]) Iterable 可以是一个数组或者其他 iterable 对象，其元素为键值对(两个元素的数组，例如: [[ 1, 'one' ],[ 2, 'two' ]])。每个键值对都会添加到新的 Map
let map = new Map()
map.set('name', 'vuejs.cn');
console.log(map.get('name'))
属性及方法
基本跟 Set 类似，同样具有如下方法属性
size: 返回 Map 结构的元素总数
let map = new Map()
map.set('name', 'vuejs.cn');
console.log(map.size) // 1

console.log(new Map([['name','vue3js.cn'], ['age','18']]).size) // 2
操作方法
set(key, value): 向 Map 中加入或更新键值对get(key): 读取 key 对用的值，如果没有，返回 undefinedhas(key): 某个键是否在 Map 对象中，在返回 true 否则返回 falsedelete(key): 删除某个键，返回 true, 如果删除失败返回 falseclear(): 删除所有元素
let map = new Map()
map.set('name','vue3js.cn')
map.set('age','18')
console.log(map) // Map {"name" => "vuejs.cn", "age" => "18"}
map.get('name') // vue3js.cn 
map.has('name') // true
map.delete('name')  
map.has(name) // false
map.clear() // Map {} 
遍历方法
keys()：返回键名的遍历器values()：返回键值的遍历器entries()：返回所有成员的遍历器forEach()：遍历 Map 的所有成员
let map = new Map()
map.set('name','vue3js.cn')
map.set('age','18')

console.log([...map.keys()])  // ["name", "age"]
console.log([...map.values()])  // ["vue3js.cn", "18"]
console.log([...map.entries()]) // [['name','vue3js.cn'], ['age','18']]

// name vuejs.cn
// age 18
map.forEach((value, key) => { console.log(key, value)}) 
应用场景
Map 会保留所有元素的顺序, 是在基于可迭代的基础上构建的，如果考虑到元素迭代或顺序保留或键值类型丰富的情况下都可以使用，下面摘抄自 vue3 源码中依赖收集的核心实现
  let depsMap = targetMap.get(target)
  if (!depsMap) {
    targetMap.set(target, (depsMap = new Map()))
  }
  let dep = depsMap.get(key)
  if (!dep) {
    depsMap.set(key, (dep = new Set()))
  }
  if (!dep.has(activeEffect)) {
    dep.add(activeEffect)
    activeEffect.deps.push(dep)
    ...
  }
WeakMap
WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的
与Map的区别
Map 的键可以是任意类型，WeakMap 的键只能是对象类型WeakMap 键名所指向的对象，不计入垃圾回收机制
WeakMap 的属性跟操作方法与 Map 一致，同 WeakSet 一样，因为是弱引用，所以 WeakSet 也没有遍历方法
类型的转换
Map 转为 Array
// 解构
const map = new Map([[1, 1], [2, 2], [3, 3]])
console.log([...map]) // [[1, 1], [2, 2], [3, 3]]

// Array.from()
const map = new Map([[1, 1], [2, 2], [3, 3]])
console.log(Array.from(map)) // [[1, 1], [2, 2], [3, 3]]
Array 转为 Map
const map = new Map([[1, 1], [2, 2], [3, 3]])
console.log(map) // Map {1 => 1, 2 => 2, 3 => 3}
Map 转为 Object
// 非字符串键名会被转换为字符串
function mapToObj(map) {
    let obj = Object.create(null)
    for (let [key, value] of map) {
        obj[key] = value
    }
    return obj
}
const map = new Map().set('name', 'vue3js.cn').set('age', '18')
mapToObj(map)  // {name: "vue3js.cn", age: "18"}
Object 转为 Map
let obj = {"a":1, "b":2};
let map = new Map(Object.entries(obj))
总结
Set、Map、WeakSet、WeakMap、都是一种集合的数据结构Set、WeakSet 是[值,值]的集合，且具有唯一性Map 和 WeakMap 是一种[键,值]的集合，Map 的键可以是任意类型，WeakMap 的键只能是对象类型Set 和 Map 有遍历方法，WeakSet 和 WeakMap 属于弱引用不可遍历
参考文献
https://zh.wikipedia.org/wiki/%E5%BC%B1%E5%BC%95%E7%94%A8https://developer.mozilla.org/https://es6.ruanyifeng.com/近期一篇文章上手Vue3中新增的API
小程序云开发支持公众号网页开发了
若此文有用，何不素质三连❤️