From 9b6a31373bd1607452c201d4530f86a6642eabfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC?= <2242707601@qq.com>
Date: Wed, 1 Nov 2023 12:31:15 +0000
Subject: [PATCH 1/5] =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴良硼 <2242707601@qq.com>
---
 .../20231031\346\225\260\347\273\204.md"      | 206 ++++++++++++++++++
 1 file changed, 206 insertions(+)
 create mode 100644 "04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
diff --git "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md" "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
new file mode 100644
index 0000000..0d109a0
--- /dev/null
+++ "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
@@ -0,0 +1,206 @@
+# 笔记：
+
+## 数组
+
+### 数组是什么？
+
+**数组：**(Array)是一种可以按顺序保存数据的数据类型
+
+**使用场景：**如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便
+
+### 数组的基本使用
+
+#### 定义数组和数组单元
+
+```html
+<script>
+  // 1. 语法，使用 [] 来定义一个空数组
+  // 定义一个空数组，然后赋值给变量 classes
+  // let classes = [];
+
+  // 2. 定义非空数组
+  let classes = ['小明', '小刚', '小红', '小丽', '小米']
+</script>
+```
+
+通过 `[]` 定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。
+
+#### 访问数组和数组索引
+
+使用数组存放数据并不是最终目的，关键是能够随时的访问到数组中的数据（单元）。其实 JavaScript 为数组中的每一个数据单元都编了号，通过数据单元在数组中的编号便可以轻松访问到数组中的数据单元了。
+
+我们将数据单元在数组中的编号称为索引值，也有人称其为下标。
+
+索引值实际是按着数据单元在数组中的位置依次排列的，注意是从` 0` 开始的，如下图所示：
+
+
+
+#### 数据单元值类型
+
+数组做为数据的集合，它的单元值可以是任意数据类型
+
+```html
+<script>
+  // 6. 数组单值类型可以是任意数据类型
+
+  // a) 数组单元值的类型为字符类型
+  let list = ['HTML', 'CSS', 'JavaScript']
+  // b) 数组单元值的类型为数值类型
+  let scores = [78, 84, 70, 62, 75]
+  // c) 混合多种类型
+  let mixin = [true, 1, false, 'hello']
+</script>
+```
+
+#### 数组长度属性
+
+重申一次，数组在 JavaScript 中并不是新的数据类型，它属于对象类型。
+
+```html
+<script>
+  // 定义一个数组
+  let arr = ['html', 'css', 'javascript']
+  // 数组对应着一个 length 属性，它的含义是获取数组的长度
+  console.log(arr.length) // 3
+</script>
+```
+
+### 操作数组
+
+数组做为对象数据类型，不但有 `length` 属性可以使用，还提供了许多方法：
+
+1. push 动态向数组的尾部添加一个单元
+2. unshit 动态向数组头部添加一个单元
+3. pop 删除最后一个单元
+4. shift 删除第一个单元
+5. splice 动态删除任意单元
+
+使用以上4个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时 `length` 并不会发生错乱。
+
+```html
+<script>
+  // 定义一个数组
+  let arr = ['html', 'css', 'javascript']
+
+  // 1. push 动态向数组的尾部添加一个单元
+  arr.push('Nodejs')
+  console.log(arr)
+  arr.push('Vue')
+
+  // 2. unshit 动态向数组头部添加一个单元
+  arr.unshift('VS Code')
+  console.log(arr)
+
+  // 3. splice 动态删除任意单元
+  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元
+  console.log(arr)
+
+  // 4. pop 删除最后一个单元
+  arr.pop()
+  console.log(arr)
+
+  // 5. shift 删除第一个单元
+  arr.shift()
+  console.log(arr)
+</script>
+```
+
+## 获取元素
+
+```html
+    document.querySelector() 获取第一个元素
+ 	document.querySelectorAll()获取所有，得到一个伪数组
+    document.getElementById()获取id的选择器
+
+```
+
+
+
+# 作业：
+
+```html
+<!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>Document</title>
+ <style>
+ *{
+	margin:0px;
+	padding:0px;
+
+}
+#a1{
+  border: 1px solid pink;
+}
+#a2{
+  border: 1px solid red;
+}
+ </style>
+
+</head>
+<body>
+  <div>
+    <h1>待抽名单</h1>
+    <p id="a1"></p>
+  
+  </div>
+    
+  <div>
+    <h1>已抽名单</h1>
+    <p id="a2"></p>
+  
+  </div>
+  <div>
+    <h1>123</h1>
+    <p></p>
+  
+  </div>
+
+
+  <button type="button" id="b1">单击</button>
+
+
+
+
+
+  <script>
+  let arr=['张辉', '林鑫', '林展', '吴良硼', '薛祖信', '林晟辉', '陈杰', '许荣法', '陈志勇', '章笑容', '黎俊杨',
+'叶俊轶', '洪锦洋', '陈新成', '吴斌', '林昀萱', '董庆强', '黄诗龙', '陈妃', '郑弘晖', '周闻祥', '施晟宸',
+'陈欣威', '余倩', '翁浩', '陈晓灿', '林青茹', '沈晓琳', '郭若昕', '陈灵钰', '杨毅', '韩煜辉', '阎冠宇',
+'田雪琼', '刘莹莹', '闫雪莲', '曾浩', '王雪影', '韩震洋', '孙仕悦', '张林杰', '施成昊', '史学新',
+'李佳怡', '杨银珂', '赵向林', '王发槐', '徐先鑫', '杨旭东', '梅忠钦', '刘泰江']
+let ar=[]
+
+// console.log(ran)
+let p1=document.querySelector('#a1')
+let p2=document.querySelector('#a2')
+let b1=document.querySelector('#b1')
+p1.innerHTML=arr
+p2.innerHTML=ar
+b1.addEventListener('click',function(){
+  let ran=Math.floor(Math.random()*arr.length)
+  p1.innerHTML=arr
+  p2.innerHTML=ar
+  if(arr.length){
+    let a=arr.splice(ran,1)
+  ar.push(a)
+  }else{
+    
+     alert('点什么点没了都')
+      return
+    }
+ 
+ 
+})
+
+  </script>
+
+
+
+</body>
+</html>
+```
+
-- 
Gitee


From 37bc05bb5d402e88b600c91d1aaf2e4ceeca9eaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC?= <2242707601@qq.com>
Date: Wed, 1 Nov 2023 12:42:21 +0000
Subject: [PATCH 2/5] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=2004?=
 =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC/20231031=E6=95=B0=E7=BB=84.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20231031\346\225\260\347\273\204.md"      | 206 ------------------
 1 file changed, 206 deletions(-)
 delete mode 100644 "04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"

diff --git "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md" "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
deleted file mode 100644
index 0d109a0..0000000
--- "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
+++ /dev/null
@@ -1,206 +0,0 @@
-# 笔记：
-
-## 数组
-
-### 数组是什么？
-
-**数组：**(Array)是一种可以按顺序保存数据的数据类型
-
-**使用场景：**如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便
-
-### 数组的基本使用
-
-#### 定义数组和数组单元
-
-```html
-<script>
-  // 1. 语法，使用 [] 来定义一个空数组
-  // 定义一个空数组，然后赋值给变量 classes
-  // let classes = [];
-
-  // 2. 定义非空数组
-  let classes = ['小明', '小刚', '小红', '小丽', '小米']
-</script>
-```
-
-通过 `[]` 定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。
-
-#### 访问数组和数组索引
-
-使用数组存放数据并不是最终目的，关键是能够随时的访问到数组中的数据（单元）。其实 JavaScript 为数组中的每一个数据单元都编了号，通过数据单元在数组中的编号便可以轻松访问到数组中的数据单元了。
-
-我们将数据单元在数组中的编号称为索引值，也有人称其为下标。
-
-索引值实际是按着数据单元在数组中的位置依次排列的，注意是从` 0` 开始的，如下图所示：
-
-
-
-#### 数据单元值类型
-
-数组做为数据的集合，它的单元值可以是任意数据类型
-
-```html
-<script>
-  // 6. 数组单值类型可以是任意数据类型
-
-  // a) 数组单元值的类型为字符类型
-  let list = ['HTML', 'CSS', 'JavaScript']
-  // b) 数组单元值的类型为数值类型
-  let scores = [78, 84, 70, 62, 75]
-  // c) 混合多种类型
-  let mixin = [true, 1, false, 'hello']
-</script>
-```
-
-#### 数组长度属性
-
-重申一次，数组在 JavaScript 中并不是新的数据类型，它属于对象类型。
-
-```html
-<script>
-  // 定义一个数组
-  let arr = ['html', 'css', 'javascript']
-  // 数组对应着一个 length 属性，它的含义是获取数组的长度
-  console.log(arr.length) // 3
-</script>
-```
-
-### 操作数组
-
-数组做为对象数据类型，不但有 `length` 属性可以使用，还提供了许多方法：
-
-1. push 动态向数组的尾部添加一个单元
-2. unshit 动态向数组头部添加一个单元
-3. pop 删除最后一个单元
-4. shift 删除第一个单元
-5. splice 动态删除任意单元
-
-使用以上4个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时 `length` 并不会发生错乱。
-
-```html
-<script>
-  // 定义一个数组
-  let arr = ['html', 'css', 'javascript']
-
-  // 1. push 动态向数组的尾部添加一个单元
-  arr.push('Nodejs')
-  console.log(arr)
-  arr.push('Vue')
-
-  // 2. unshit 动态向数组头部添加一个单元
-  arr.unshift('VS Code')
-  console.log(arr)
-
-  // 3. splice 动态删除任意单元
-  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元
-  console.log(arr)
-
-  // 4. pop 删除最后一个单元
-  arr.pop()
-  console.log(arr)
-
-  // 5. shift 删除第一个单元
-  arr.shift()
-  console.log(arr)
-</script>
-```
-
-## 获取元素
-
-```html
-    document.querySelector() 获取第一个元素
- 	document.querySelectorAll()获取所有，得到一个伪数组
-    document.getElementById()获取id的选择器
-
-```
-
-
-
-# 作业：
-
-```html
-<!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>Document</title>
- <style>
- *{
-	margin:0px;
-	padding:0px;
-
-}
-#a1{
-  border: 1px solid pink;
-}
-#a2{
-  border: 1px solid red;
-}
- </style>
-
-</head>
-<body>
-  <div>
-    <h1>待抽名单</h1>
-    <p id="a1"></p>
-  
-  </div>
-    
-  <div>
-    <h1>已抽名单</h1>
-    <p id="a2"></p>
-  
-  </div>
-  <div>
-    <h1>123</h1>
-    <p></p>
-  
-  </div>
-
-
-  <button type="button" id="b1">单击</button>
-
-
-
-
-
-  <script>
-  let arr=['张辉', '林鑫', '林展', '吴良硼', '薛祖信', '林晟辉', '陈杰', '许荣法', '陈志勇', '章笑容', '黎俊杨',
-'叶俊轶', '洪锦洋', '陈新成', '吴斌', '林昀萱', '董庆强', '黄诗龙', '陈妃', '郑弘晖', '周闻祥', '施晟宸',
-'陈欣威', '余倩', '翁浩', '陈晓灿', '林青茹', '沈晓琳', '郭若昕', '陈灵钰', '杨毅', '韩煜辉', '阎冠宇',
-'田雪琼', '刘莹莹', '闫雪莲', '曾浩', '王雪影', '韩震洋', '孙仕悦', '张林杰', '施成昊', '史学新',
-'李佳怡', '杨银珂', '赵向林', '王发槐', '徐先鑫', '杨旭东', '梅忠钦', '刘泰江']
-let ar=[]
-
-// console.log(ran)
-let p1=document.querySelector('#a1')
-let p2=document.querySelector('#a2')
-let b1=document.querySelector('#b1')
-p1.innerHTML=arr
-p2.innerHTML=ar
-b1.addEventListener('click',function(){
-  let ran=Math.floor(Math.random()*arr.length)
-  p1.innerHTML=arr
-  p2.innerHTML=ar
-  if(arr.length){
-    let a=arr.splice(ran,1)
-  ar.push(a)
-  }else{
-    
-     alert('点什么点没了都')
-      return
-    }
- 
- 
-})
-
-  </script>
-
-
-
-</body>
-</html>
-```
-
-- 
Gitee


From b18115f1115e934818348d960338099344086f34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC?= <2242707601@qq.com>
Date: Wed, 1 Nov 2023 12:42:49 +0000
Subject: [PATCH 3/5] =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴良硼 <2242707601@qq.com>
---
 .../20231031\346\225\260\347\273\204.md"      | 204 ++++++++++++++++++
 1 file changed, 204 insertions(+)
 create mode 100644 "04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"

diff --git "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md" "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
new file mode 100644
index 0000000..12d209b
--- /dev/null
+++ "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
@@ -0,0 +1,204 @@
+# 笔记：
+
+## 数组
+
+### 数组是什么？
+
+**数组：**(Array)是一种可以按顺序保存数据的数据类型
+
+**使用场景：**如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便
+
+### 数组的基本使用
+
+#### 定义数组和数组单元
+
+```html
+<script>
+  // 1. 语法，使用 [] 来定义一个空数组
+  // 定义一个空数组，然后赋值给变量 classes
+  // let classes = [];
+
+  // 2. 定义非空数组
+  let classes = ['小明', '小刚', '小红', '小丽', '小米']
+</script>
+```
+
+通过 `[]` 定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。
+
+#### 访问数组和数组索引
+
+使用数组存放数据并不是最终目的，关键是能够随时的访问到数组中的数据（单元）。其实 JavaScript 为数组中的每一个数据单元都编了号，通过数据单元在数组中的编号便可以轻松访问到数组中的数据单元了。
+
+我们将数据单元在数组中的编号称为索引值，也有人称其为下标。
+
+索引值实际是按着数据单元在数组中的位置依次排列的，注意是从` 0` 开始的，如下图所示：
+
+
+
+#### 数据单元值类型
+
+数组做为数据的集合，它的单元值可以是任意数据类型
+
+```html
+<script>
+  // 6. 数组单值类型可以是任意数据类型
+
+  // a) 数组单元值的类型为字符类型
+  let list = ['HTML', 'CSS', 'JavaScript']
+  // b) 数组单元值的类型为数值类型
+  let scores = [78, 84, 70, 62, 75]
+  // c) 混合多种类型
+  let mixin = [true, 1, false, 'hello']
+</script>
+```
+
+#### 数组长度属性
+
+重申一次，数组在 JavaScript 中并不是新的数据类型，它属于对象类型。
+
+```html
+<script>
+  // 定义一个数组
+  let arr = ['html', 'css', 'javascript']
+  // 数组对应着一个 length 属性，它的含义是获取数组的长度
+  console.log(arr.length) // 3
+</script>
+```
+
+### 操作数组
+
+数组做为对象数据类型，不但有 `length` 属性可以使用，还提供了许多方法：
+
+1. push 动态向数组的尾部添加一个单元
+2. unshit 动态向数组头部添加一个单元
+3. pop 删除最后一个单元
+4. shift 删除第一个单元
+5. splice 动态删除任意单元
+
+使用以上4个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时 `length` 并不会发生错乱。
+
+```html
+<script>
+  // 定义一个数组
+  let arr = ['html', 'css', 'javascript']
+
+  // 1. push 动态向数组的尾部添加一个单元
+  arr.push('Nodejs')
+  console.log(arr)
+  arr.push('Vue')
+
+  // 2. unshit 动态向数组头部添加一个单元
+  arr.unshift('VS Code')
+  console.log(arr)
+
+  // 3. splice 动态删除任意单元
+  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元
+  console.log(arr)
+
+  // 4. pop 删除最后一个单元
+  arr.pop()
+  console.log(arr)
+
+  // 5. shift 删除第一个单元
+  arr.shift()
+  console.log(arr)
+</script>
+```
+
+## 获取元素
+
+```html
+    document.querySelector() 获取第一个元素
+ 	document.querySelectorAll()获取所有，得到一个伪数组
+    document.getElementById()获取id的选择器
+
+```
+
+
+
+# 作业：
+
+```html
+<!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>Document</title>
+ <style>
+ *{
+	margin:0px;
+	padding:0px;
+
+}
+#a1{
+  border: 1px solid pink;
+}
+#a2{
+  border: 1px solid red;
+}
+ </style>
+
+</head>
+<body>
+  <div>
+    <h1>待抽名单</h1>
+    <p id="a1"></p>
+  
+  </div>
+    
+  <div>
+    <h1>已抽名单</h1>
+    <p id="a2"></p>
+  
+  </div>
+
+
+  <button type="button" id="b1">单击</button>
+
+
+
+
+
+  <script>
+  let arr=['张辉', '林鑫', '林展', '吴良硼', '薛祖信', '林晟辉', '陈杰', '许荣法', '陈志勇', '章笑容', '黎俊杨',
+'叶俊轶', '洪锦洋', '陈新成', '吴斌', '林昀萱', '董庆强', '黄诗龙', '陈妃', '郑弘晖', '周闻祥', '施晟宸',
+'陈欣威', '余倩', '翁浩', '陈晓灿', '林青茹', '沈晓琳', '郭若昕', '陈灵钰', '杨毅', '韩煜辉', '阎冠宇',
+'田雪琼', '刘莹莹', '闫雪莲', '曾浩', '王雪影', '韩震洋', '孙仕悦', '张林杰', '施成昊', '史学新',
+'李佳怡', '杨银珂', '赵向林', '王发槐', '徐先鑫', '杨旭东', '梅忠钦', '刘泰江']
+let ar=[]
+
+// console.log(ran)
+let p1=document.querySelector('#a1')
+let p2=document.querySelector('#a2')
+let b1=document.querySelector('#b1')
+p1.innerHTML=arr
+p2.innerHTML=ar
+b1.addEventListener('click',function(){
+  let ran=Math.floor(Math.random()*arr.length)
+  p1.innerHTML=arr
+  p2.innerHTML=ar
+  if(arr.length){
+  
+    let a=arr.splice(ran,1)
+  ar.push(a)
+    p1.innerHTML=arr
+    p2.innerHTML=ar
+  }else{
+
+     alert('点什么点没了都')
+      return
+    }
+ 
+ 
+})
+
+  </script>
+
+
+
+</body>
+</html>
+```
+
-- 
Gitee


From 3ba8d1e318e25f23e670c34b61e155407f880543 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC?= <2242707601@qq.com>
Date: Wed, 1 Nov 2023 12:45:33 +0000
Subject: [PATCH 4/5] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=2004?=
 =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC/20231031=E6=95=B0=E7=BB=84.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20231031\346\225\260\347\273\204.md"      | 204 ------------------
 1 file changed, 204 deletions(-)
 delete mode 100644 "04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"

diff --git "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md" "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
deleted file mode 100644
index 12d209b..0000000
--- "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
+++ /dev/null
@@ -1,204 +0,0 @@
-# 笔记：
-
-## 数组
-
-### 数组是什么？
-
-**数组：**(Array)是一种可以按顺序保存数据的数据类型
-
-**使用场景：**如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便
-
-### 数组的基本使用
-
-#### 定义数组和数组单元
-
-```html
-<script>
-  // 1. 语法，使用 [] 来定义一个空数组
-  // 定义一个空数组，然后赋值给变量 classes
-  // let classes = [];
-
-  // 2. 定义非空数组
-  let classes = ['小明', '小刚', '小红', '小丽', '小米']
-</script>
-```
-
-通过 `[]` 定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。
-
-#### 访问数组和数组索引
-
-使用数组存放数据并不是最终目的，关键是能够随时的访问到数组中的数据（单元）。其实 JavaScript 为数组中的每一个数据单元都编了号，通过数据单元在数组中的编号便可以轻松访问到数组中的数据单元了。
-
-我们将数据单元在数组中的编号称为索引值，也有人称其为下标。
-
-索引值实际是按着数据单元在数组中的位置依次排列的，注意是从` 0` 开始的，如下图所示：
-
-
-
-#### 数据单元值类型
-
-数组做为数据的集合，它的单元值可以是任意数据类型
-
-```html
-<script>
-  // 6. 数组单值类型可以是任意数据类型
-
-  // a) 数组单元值的类型为字符类型
-  let list = ['HTML', 'CSS', 'JavaScript']
-  // b) 数组单元值的类型为数值类型
-  let scores = [78, 84, 70, 62, 75]
-  // c) 混合多种类型
-  let mixin = [true, 1, false, 'hello']
-</script>
-```
-
-#### 数组长度属性
-
-重申一次，数组在 JavaScript 中并不是新的数据类型，它属于对象类型。
-
-```html
-<script>
-  // 定义一个数组
-  let arr = ['html', 'css', 'javascript']
-  // 数组对应着一个 length 属性，它的含义是获取数组的长度
-  console.log(arr.length) // 3
-</script>
-```
-
-### 操作数组
-
-数组做为对象数据类型，不但有 `length` 属性可以使用，还提供了许多方法：
-
-1. push 动态向数组的尾部添加一个单元
-2. unshit 动态向数组头部添加一个单元
-3. pop 删除最后一个单元
-4. shift 删除第一个单元
-5. splice 动态删除任意单元
-
-使用以上4个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时 `length` 并不会发生错乱。
-
-```html
-<script>
-  // 定义一个数组
-  let arr = ['html', 'css', 'javascript']
-
-  // 1. push 动态向数组的尾部添加一个单元
-  arr.push('Nodejs')
-  console.log(arr)
-  arr.push('Vue')
-
-  // 2. unshit 动态向数组头部添加一个单元
-  arr.unshift('VS Code')
-  console.log(arr)
-
-  // 3. splice 动态删除任意单元
-  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元
-  console.log(arr)
-
-  // 4. pop 删除最后一个单元
-  arr.pop()
-  console.log(arr)
-
-  // 5. shift 删除第一个单元
-  arr.shift()
-  console.log(arr)
-</script>
-```
-
-## 获取元素
-
-```html
-    document.querySelector() 获取第一个元素
- 	document.querySelectorAll()获取所有，得到一个伪数组
-    document.getElementById()获取id的选择器
-
-```
-
-
-
-# 作业：
-
-```html
-<!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>Document</title>
- <style>
- *{
-	margin:0px;
-	padding:0px;
-
-}
-#a1{
-  border: 1px solid pink;
-}
-#a2{
-  border: 1px solid red;
-}
- </style>
-
-</head>
-<body>
-  <div>
-    <h1>待抽名单</h1>
-    <p id="a1"></p>
-  
-  </div>
-    
-  <div>
-    <h1>已抽名单</h1>
-    <p id="a2"></p>
-  
-  </div>
-
-
-  <button type="button" id="b1">单击</button>
-
-
-
-
-
-  <script>
-  let arr=['张辉', '林鑫', '林展', '吴良硼', '薛祖信', '林晟辉', '陈杰', '许荣法', '陈志勇', '章笑容', '黎俊杨',
-'叶俊轶', '洪锦洋', '陈新成', '吴斌', '林昀萱', '董庆强', '黄诗龙', '陈妃', '郑弘晖', '周闻祥', '施晟宸',
-'陈欣威', '余倩', '翁浩', '陈晓灿', '林青茹', '沈晓琳', '郭若昕', '陈灵钰', '杨毅', '韩煜辉', '阎冠宇',
-'田雪琼', '刘莹莹', '闫雪莲', '曾浩', '王雪影', '韩震洋', '孙仕悦', '张林杰', '施成昊', '史学新',
-'李佳怡', '杨银珂', '赵向林', '王发槐', '徐先鑫', '杨旭东', '梅忠钦', '刘泰江']
-let ar=[]
-
-// console.log(ran)
-let p1=document.querySelector('#a1')
-let p2=document.querySelector('#a2')
-let b1=document.querySelector('#b1')
-p1.innerHTML=arr
-p2.innerHTML=ar
-b1.addEventListener('click',function(){
-  let ran=Math.floor(Math.random()*arr.length)
-  p1.innerHTML=arr
-  p2.innerHTML=ar
-  if(arr.length){
-  
-    let a=arr.splice(ran,1)
-  ar.push(a)
-    p1.innerHTML=arr
-    p2.innerHTML=ar
-  }else{
-
-     alert('点什么点没了都')
-      return
-    }
- 
- 
-})
-
-  </script>
-
-
-
-</body>
-</html>
-```
-
-- 
Gitee


From 0c59dae55bb7cb0335ba75851106ae2f92ccf1d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC?= <2242707601@qq.com>
Date: Wed, 1 Nov 2023 12:46:44 +0000
Subject: [PATCH 5/5] =?UTF-8?q?=E5=90=B4=E8=89=AF=E7=A1=BC=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴良硼 <2242707601@qq.com>
---
 .../20231031\346\225\260\347\273\204.md"      | 204 ++++++++++++++++++
 1 file changed, 204 insertions(+)
 create mode 100644 "04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"

diff --git "a/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md" "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
new file mode 100644
index 0000000..12d209b
--- /dev/null
+++ "b/04\345\220\264\350\211\257\347\241\274/20231031\346\225\260\347\273\204.md"
@@ -0,0 +1,204 @@
+# 笔记：
+
+## 数组
+
+### 数组是什么？
+
+**数组：**(Array)是一种可以按顺序保存数据的数据类型
+
+**使用场景：**如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便
+
+### 数组的基本使用
+
+#### 定义数组和数组单元
+
+```html
+<script>
+  // 1. 语法，使用 [] 来定义一个空数组
+  // 定义一个空数组，然后赋值给变量 classes
+  // let classes = [];
+
+  // 2. 定义非空数组
+  let classes = ['小明', '小刚', '小红', '小丽', '小米']
+</script>
+```
+
+通过 `[]` 定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。
+
+#### 访问数组和数组索引
+
+使用数组存放数据并不是最终目的，关键是能够随时的访问到数组中的数据（单元）。其实 JavaScript 为数组中的每一个数据单元都编了号，通过数据单元在数组中的编号便可以轻松访问到数组中的数据单元了。
+
+我们将数据单元在数组中的编号称为索引值，也有人称其为下标。
+
+索引值实际是按着数据单元在数组中的位置依次排列的，注意是从` 0` 开始的，如下图所示：
+
+
+
+#### 数据单元值类型
+
+数组做为数据的集合，它的单元值可以是任意数据类型
+
+```html
+<script>
+  // 6. 数组单值类型可以是任意数据类型
+
+  // a) 数组单元值的类型为字符类型
+  let list = ['HTML', 'CSS', 'JavaScript']
+  // b) 数组单元值的类型为数值类型
+  let scores = [78, 84, 70, 62, 75]
+  // c) 混合多种类型
+  let mixin = [true, 1, false, 'hello']
+</script>
+```
+
+#### 数组长度属性
+
+重申一次，数组在 JavaScript 中并不是新的数据类型，它属于对象类型。
+
+```html
+<script>
+  // 定义一个数组
+  let arr = ['html', 'css', 'javascript']
+  // 数组对应着一个 length 属性，它的含义是获取数组的长度
+  console.log(arr.length) // 3
+</script>
+```
+
+### 操作数组
+
+数组做为对象数据类型，不但有 `length` 属性可以使用，还提供了许多方法：
+
+1. push 动态向数组的尾部添加一个单元
+2. unshit 动态向数组头部添加一个单元
+3. pop 删除最后一个单元
+4. shift 删除第一个单元
+5. splice 动态删除任意单元
+
+使用以上4个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时 `length` 并不会发生错乱。
+
+```html
+<script>
+  // 定义一个数组
+  let arr = ['html', 'css', 'javascript']
+
+  // 1. push 动态向数组的尾部添加一个单元
+  arr.push('Nodejs')
+  console.log(arr)
+  arr.push('Vue')
+
+  // 2. unshit 动态向数组头部添加一个单元
+  arr.unshift('VS Code')
+  console.log(arr)
+
+  // 3. splice 动态删除任意单元
+  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元
+  console.log(arr)
+
+  // 4. pop 删除最后一个单元
+  arr.pop()
+  console.log(arr)
+
+  // 5. shift 删除第一个单元
+  arr.shift()
+  console.log(arr)
+</script>
+```
+
+## 获取元素
+
+```html
+    document.querySelector() 获取第一个元素
+ 	document.querySelectorAll()获取所有，得到一个伪数组
+    document.getElementById()获取id的选择器
+
+```
+
+
+
+# 作业：
+
+```html
+<!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>Document</title>
+ <style>
+ *{
+	margin:0px;
+	padding:0px;
+
+}
+#a1{
+  border: 1px solid pink;
+}
+#a2{
+  border: 1px solid red;
+}
+ </style>
+
+</head>
+<body>
+  <div>
+    <h1>待抽名单</h1>
+    <p id="a1"></p>
+  
+  </div>
+    
+  <div>
+    <h1>已抽名单</h1>
+    <p id="a2"></p>
+  
+  </div>
+
+
+  <button type="button" id="b1">单击</button>
+
+
+
+
+
+  <script>
+  let arr=['张辉', '林鑫', '林展', '吴良硼', '薛祖信', '林晟辉', '陈杰', '许荣法', '陈志勇', '章笑容', '黎俊杨',
+'叶俊轶', '洪锦洋', '陈新成', '吴斌', '林昀萱', '董庆强', '黄诗龙', '陈妃', '郑弘晖', '周闻祥', '施晟宸',
+'陈欣威', '余倩', '翁浩', '陈晓灿', '林青茹', '沈晓琳', '郭若昕', '陈灵钰', '杨毅', '韩煜辉', '阎冠宇',
+'田雪琼', '刘莹莹', '闫雪莲', '曾浩', '王雪影', '韩震洋', '孙仕悦', '张林杰', '施成昊', '史学新',
+'李佳怡', '杨银珂', '赵向林', '王发槐', '徐先鑫', '杨旭东', '梅忠钦', '刘泰江']
+let ar=[]
+
+// console.log(ran)
+let p1=document.querySelector('#a1')
+let p2=document.querySelector('#a2')
+let b1=document.querySelector('#b1')
+p1.innerHTML=arr
+p2.innerHTML=ar
+b1.addEventListener('click',function(){
+  let ran=Math.floor(Math.random()*arr.length)
+  p1.innerHTML=arr
+  p2.innerHTML=ar
+  if(arr.length){
+  
+    let a=arr.splice(ran,1)
+  ar.push(a)
+    p1.innerHTML=arr
+    p2.innerHTML=ar
+  }else{
+
+     alert('点什么点没了都')
+      return
+    }
+ 
+ 
+})
+
+  </script>
+
+
+
+</body>
+</html>
+```
+
-- 
Gitee

