From 6afef03ff472865bbc6daeb182b70d425f38edf3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A8=8B=E5=B8=85=E7=BF=94?= <16699465019@163.com>
Date: Wed, 6 Dec 2023 12:33:46 +0800
Subject: [PATCH] 12.6

---
 .../12.6.md"                                  | 76 +++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 "52\345\217\267 \347\250\213\345\270\205\347\277\224/12.6.md"

diff --git "a/52\345\217\267 \347\250\213\345\270\205\347\277\224/12.6.md" "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/12.6.md"
new file mode 100644
index 0000000..a6b2153
--- /dev/null
+++ "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/12.6.md"	
@@ -0,0 +1,76 @@
+总结：
+
+1. 实例属性 `length` 用来获取字符串的度长(重点)
+2. 实例方法 `split('分隔符')` 用来将字符串拆分成数组(重点)
+3. 实例方法 `substring（需要截取的第一个字符的索引[,结束的索引号]）` 用于字符串截取(重点)
+4. 实例方法 `startsWith(检测字符串[, 检测位置索引号])` 检测是否以某字符开头(重点)
+5. 实例方法 `includes(搜索的字符串[, 检测位置索引号])` 判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false(重点)
+6. 实例方法 `toUpperCase` 用于将字母转换成大写
+7. 实例方法 `toLowerCase` 用于将就转换成小写
+8. 实例方法 `indexOf`  检测是否包含某字符
+9. 实例方法 `endsWith` 检测是否以某字符结尾
+10. 实例方法 `replace` 用于替换字符串，支持正则匹配
+11. 实例方法 `match` 用于查找字符串，支持正则匹配
+
+注：String 也可以当做普通函数使用，这时它的作用是强制转换成字符串数据类型。
+
+#### Number
+
+`Number` 是内置的构造函数，用于创建数值。
+
+```html
+<script>
+  // 使用构造函数创建数值
+  let x = new Number('10')
+  let y = new Number(5)
+
+  // 字面量创建数值
+  let z = 20
+
+</script>
+```
+
+总结：
+
+1. 推荐使用字面量方式声明数值，而不是 `Number` 构造函数
+2. 实例方法 `toFixed` 用于设置保留小数位的长度
+
+# 作业
+
+```js
+function rand(arr){
+      let str=``;
+      arr.forEach(ele => {
+        let {id,icon,num,price,isChecked}=ele;
+        // console.log(ele);
+        str+=`
+      <div class="tr">
+        <div class="td"><input type="checkbox" ${isChecked }/></div>
+            <div class="td"><img src="${icon}" alt="" /></div>
+            <div class="td">${price}</div>
+            <div class="td">
+              <div class="my-input-number">
+                <button class="decrease"> - </button>
+                <span class="my-input__inner">${num}</span>
+                <button class="increase"> + </button>
+              </div>
+            </div>
+            <div class="td">${price*num}</div>
+            <div class="td"><button class="del">删除</button></div>
+          </div> 
+      `
+      })
+      document.querySelector('.tbody').innerHTML=str;
+     }
+     rand(dataArr)
+     //减
+     let dad=document.querySelectorAll('.decrease');
+     dad[0].addEventListener('click',()=>{
+      console.log('-');
+     })
+     //加
+     let nan=document.querySelectorAll('.increase');
+     nan[0].addEventListener('click',()=>{
+      console.log('+');
+     })
+  </script>
\ No newline at end of file
-- 
Gitee