From 8cf40ee01ba694307cbd0bf098edfd47194380c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=A9=AC=E9=91=AB=E6=B6=9B?= <1722781630@qq.com> Date: Tue, 25 Oct 2022 21:54:02 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E7=AC=AC=E5=9B=9B=E6=AC=A1=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...75\346\225\260\347\254\224\350\256\260.md" | 54 +++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 "45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-20\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260/\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260.md" diff --git "a/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-20\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260/\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260.md" "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-20\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260/\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260.md" new file mode 100644 index 0000000..349749f --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-20\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260/\346\225\260\347\273\204\345\222\214\345\207\275\346\225\260\347\254\224\350\256\260.md" @@ -0,0 +1,54 @@ +数组: concat:连接,数组合并 例子: const arr = [1,2,3] const arr1 = [4,5,6] console.log(arr1); join:将数组转成字符串] forEach(遍历数组) 例子: arr.forEach( function (element){ console.log(element); } ) 映射方法map() 例: const arr=[1, 2, 3, 4, 5, 6] const arr1 = arr.map( function (element) { return element + 1 } ) + +``` +将数组的单词全转为大写 +例: + const countries = ['Finland', 'Sweden', 'Norway', 'Denmark', 'Iceland'] + const new_countries = countries.map( + function (e){ + return e.toUpperCase() + } + ) +filter过滤:返回数组中符合条件的数据 +例: + const new_arr = arr.filter( + function (e){ + return e%2==0 //true：返回 false：不符合条件=>过滤 + } + ) + +reduce(),reduceRight():归纳汇总： 返回一个总数据 +例: + const arr = [1, 2, 3, 4, 5, 6] + var sum = arr.reduceRight( + function (v1,v2){ + return v1*v2 + } + ) + +every():只要有一个false，返回 +例: +some() + var isMatch = arr.every( + function (e){ + return e>1 + } + ) + + var isMatch = arr.some( + function (e){ + return e==6 + } + ) + + 二维数组 + const arrayOfArray = [[1, 2, 3], [4, 5, 6]] + 增删改查 + console.log(arrayOfArray[1][1]); + + 删 + arrayOfArray[1].splice(1,1) + console.log(arrayOfArray); +``` + +函数 带参(形参) undefined:变量声明了但没有赋值 null:变量声明，并且有个空引用 ...args:剩余运算符,将剩下的参数都放进args数组中 function fn(A,B,...args){ rguments:伪数组 for (let index = 0; index < arguments.length; index++) { console.log(arguments[index]); } \ No newline at end of file -- Gitee From 205d76084a805e8ccd0cea1d4bbb262f1371f211 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=A9=AC=E9=91=AB=E6=B6=9B?= <1722781630@qq.com> Date: Tue, 25 Oct 2022 21:55:02 +0800 Subject: [PATCH 2/4] =?UTF-8?q?=E7=AC=AC=E4=BA=94=E6=AC=A1=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A=E5=92=8C=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../4.html" | 62 +++++++++++++++++++ ...71\350\261\241\347\254\224\350\256\260.md" | 50 +++++++++++++++ 2 files changed, 112 insertions(+) create mode 100644 "45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\344\275\234\344\270\232/4.html" create mode 100644 "45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260/\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260.md" diff --git "a/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\344\275\234\344\270\232/4.html" "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\344\275\234\344\270\232/4.html" new file mode 100644 index 0000000..baf8548 --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\344\275\234\344\270\232/4.html" @@ -0,0 +1,62 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260/\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260.md" "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260/\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260.md" new file mode 100644 index 0000000..fa82fcb --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-21\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260/\347\256\255\345\244\264\345\207\275\346\225\260\345\222\214\345\257\271\350\261\241\347\254\224\350\256\260.md" @@ -0,0 +1,50 @@ +函数: 匿名函数： function (){} 箭头函数:var aa = (形参列表) => {函数体} arrow function + +``` + 无返回值,一般不用箭头函数 + 如果箭头函数返回一个对象,那么需要在对象外面加上括号 + 例: + var aa = function (n1, n2) { + var sum = n1 + n2 + return sum; + } + 箭头: + var bb = (n1, n2) => { + var sum = n1 + n2; + return n1+n2; + } + var cc = (n1, n2) => n1 + n2; //函数只有一个return语句时，省略{}和return关键字,直接写返回值 + 当函数只有一个形参时，可以省略圆括号 + var dd = (num) => { + var res = 1; + for (var i = 1; i <= num; i++) { + res *= i; + } + return console.log(res);; + } + + var ee = () => '这是一个箭头函数'; //无参时，圆括号不可以省略 +``` + +对象: 对象： 类(人类，鱼类，鸟类) 万物对象:属性和行为 字面量表达式创建对象 var obj = { name:{ firstName:'李', lastName:'华' }, age:18, 'qq number': 4619163491 } +属性:增删改查 + +``` + 1.查 . 一级属性 二级属性往后[][] + 1.1查 使用 [] + console.log(obj['name']['lastName']); + 增 obj.原来obj中没有的属性，相当于将该属性添加到对象obj中 + obj.gender = '男' + console.log(obj); + + 删 delete 一般删之前要对该属性进行判断 + delete obj.age + console.log(obj); + + 构造函数 = new 对象 + + 普通函数命名规则：小驼峰:getName() + 构造函数命名规则：大驼峰:GetName() + var obj = new GetName() //生成了一个对象 + console.log(obj.age); +``` \ No newline at end of file -- Gitee From a37e03f2d5ec78cb40764c7ddd6d614152354d6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=A9=AC=E9=91=AB=E6=B6=9B?= <1722781630@qq.com> Date: Tue, 25 Oct 2022 21:56:16 +0800 Subject: [PATCH 3/4] =?UTF-8?q?=E7=AC=AC=E5=85=AD=E6=AC=A1=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../5.html" | 145 ++++++++++++++++++ ...71\350\261\241\347\254\224\350\256\260.md" | 28 ++++ 2 files changed, 173 insertions(+) create mode 100644 "45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-24\345\257\271\350\261\241\344\275\234\344\270\232/5.html" create mode 100644 "45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-24\345\257\271\350\261\241\347\254\224\350\256\260/\345\257\271\350\261\241\347\254\224\350\256\260.md" diff --git "a/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-24\345\257\271\350\261\241\344\275\234\344\270\232/5.html" "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-24\345\257\271\350\261\241\344\275\234\344\270\232/5.html" new file mode 100644 index 0000000..498108c --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-24\345\257\271\350\261\241\344\275\234\344\270\232/5.html" @@ -0,0 +1,145 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-24\345\257\271\350\261\241\347\254\224\350\256\260/\345\257\271\350\261\241\347\254\224\350\256\260.md" "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-24\345\257\271\350\261\241\347\254\224\350\256\260/\345\257\271\350\261\241\347\254\224\350\256\260.md" new file mode 100644 index 0000000..3949046 --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-24\345\257\271\350\261\241\347\254\224\350\256\260/\345\257\271\350\261\241\347\254\224\350\256\260.md" @@ -0,0 +1,28 @@ +对象创建 1.字面量 var obj = { name:'李华', age:18, title:'学生', } 行为(方法)一般是拿来修改对象的属性值 2.构造函数方式 1. this{} ：new 2. this赋值 (自己操作) return this function Students(name,age){ this.name = name; this.age = age; } 3.工厂模式 (设计模式) function GetValues(name,age) { var that = { } that.name = name that.age = age return that } var that = GetValues('张三',16) console.log(typeof that); 4.原型模式 5.混合模式 + +数组解构 const arr = [1, 4, 5, 6, 8] let[a,b,...args] = arr let [a, , , , b] = arr console.log(a, b); + +对象解构 var obj = { name: '张三', age: 16, skill: { sname: 'Java', year: '2022' } } + +``` +取数据 +console.log(obj.skill[1].sname); +let personName = obj.name, personAge = obj.age; +对象解构:取别名 + //使用解构:可以在一个类似对象字面量的结构中，声明多个变量。同时执行多个赋值操作 + let{name:personName, age:personAge} = obj + console.log(personName); + console.log(personAge); + //让变量直接使用属性名称 + let{name,age,job='学生'} = obj + + let name, age; + ({ name, age } = obj) + + console.log(name, age); + + 嵌套解构 + let { name: personName, skill: { sname: skillName } } = obj + console.log(personName); + console.log(skillName); +``` \ No newline at end of file -- Gitee From 9c4d5abbeb9e8f120dd8e5d5fb8bf240efee0278 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=A9=AC=E9=91=AB=E6=B6=9B?= <1722781630@qq.com> Date: Thu, 27 Oct 2022 12:18:15 +0800 Subject: [PATCH 4/4] =?UTF-8?q?=E7=AC=AC=E4=B8=83=E6=AC=A1=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A=E5=92=8C=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../6.html" | 72 +++++++++++++ ...05\347\261\273\347\254\224\350\256\260.md" | 100 ++++++++++++++++++ 2 files changed, 172 insertions(+) create mode 100644 "45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-26\345\214\205\350\243\205\347\261\273\344\275\234\344\270\232/6.html" create mode 100644 "45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-26\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260/\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260.md" diff --git "a/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-26\345\214\205\350\243\205\347\261\273\344\275\234\344\270\232/6.html" "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-26\345\214\205\350\243\205\347\261\273\344\275\234\344\270\232/6.html" new file mode 100644 index 0000000..968429c --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/2022-10-26\345\214\205\350\243\205\347\261\273\344\275\234\344\270\232/6.html" @@ -0,0 +1,72 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git "a/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-26\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260/\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260.md" "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-26\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260/\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260.md" new file mode 100644 index 0000000..d53f8fd --- /dev/null +++ "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/2022-10-26\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260/\345\214\205\350\243\205\347\261\273\347\254\224\350\256\260.md" @@ -0,0 +1,100 @@ +``` + //keys,values,entries,obj + + var obj = { + name: '李华', + age: 17, + gender: '男' + + } + //for ... of :遍历 + for (e of Object.keys(obj)) { + console.log(e); + } + //将键值对成对变成数组放入外层数组(二维数组) + const arr = Object.entries(obj) + console.log(arr); + for(e of Object.entries(obj)){ + console.log(e); + } + + //obj本身是不可迭代的对象 + for(e of obj){ + console.log(e); + } + + assign:拷贝，浅拷贝(复制的是对象的地址),(手写一个对象的深拷贝)深拷贝(复制的的对象本身) + var obj = { + name: '李华', + age: 16, + gender: '男' + } + var obj1 = { + name: '李四', + title: 'student' + } + var obj2 = { + name:'王五' + } + var obj3 = { + name:'张三' + } + var obj2 = Object.assign(obj); + + age gender name title + assign：1.浅拷贝一个对象 2.合并对象(target,sources....) + console.log(Object.assign(obj,obj1,obj2,4,false,null,[12,3,34],{name:'张三'})); + console.log(obj[0]); + + + 包装类 + 原始数据类型： number, boolean, string, null, undefined (symbol,bigint) + var num = new Number(5) //对象 + num.a = 6 + num = num * 2 //会自动变成原始数据类型number + + var bol = new Boolean(); + bol.a = false + + var str = new String('abc'); + str.a = 'hi' + + 包装类只有：number，boolean，string, + null,undefined是没有包装类的 + + var num = 5; //原始数据类型 + num.a = 7; //1. new Number(5).a = 7 2. delete new Number(5) + console.log(num.a); //new Number(5).a undefined + + const arr = [1,3,4,5] //切片 slice + arr.length = 2 + console.log(arr); + + var str = '1345' //原始数据类型 + str.length = 2 //1.new String('1345').length = 2 2.delete String('1345') + str.aaa = 'a' //new Sting('1345').aaa = a 2.delete String('1345') + console.log(str); + console.log(str.length);//new String('1345').length = 4 + console.log(String.prototype); //String类有很多方法和length + console.log(str.aaa); //new String('1345') + + + console.log('------'); + var num = 50 + num.length = 1 + console.log(num.length); + console.log(Number.prototype); + + //null undefined 没有包装 + + + + + 总结 合并对象 + var target = {name:'李华'} + var obj = {name:'王五'} + console.log(Object.assign(2,obj)); //number + console.log(Object.assign(false,target)); //boolean + //包装类：自动转成对象 + console.log(Object.assign(undefined,obj)); //null undefined +``` \ No newline at end of file -- Gitee