diff --git "a/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-10-21 \347\254\254\345\233\233\346\254\241\344\275\234\344\270\232.html" "b/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-10-21 \347\254\254\345\233\233\346\254\241\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..9ff0d04f56226da50e784745b519ed1cf2097500 --- /dev/null +++ "b/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-10-21 \347\254\254\345\233\233\346\254\241\344\275\234\344\270\232.html" @@ -0,0 +1,65 @@ + + + + + + + Document + + + + + + + + + + \ No newline at end of file diff --git "a/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-10-21 \347\256\255\345\244\264\345\207\275\346\225\260\357\274\214\345\257\271\350\261\241.md" "b/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-10-21 \347\256\255\345\244\264\345\207\275\346\225\260\357\274\214\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..090834aa29973abbac2c3c90013ad3e083a6006e --- /dev/null +++ "b/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-10-21 \347\256\255\345\244\264\345\207\275\346\225\260\357\274\214\345\257\271\350\261\241.md" @@ -0,0 +1,451 @@ +# 2022-10-13 + +## 循环体 + +```js +在html中嵌套javascript + +var let (声明函数) + +打印在网页 : document.write(); 在网页上打印括号中的值 + +弹窗:alert() 弹窗显示括号中的值 + +弹窗输入 :var name = prompt('请输入一个名字') + +console.log() ---打印出值 + +if 判断: + +if(条件){ + +}else if(条件){ + +}else{ + +} + +for 循环: + +for (let i = 1; i <= 100; i++) { + +} + +switch 判断： + +switch (条件) { + +​ case 值: + +​ alert('优秀') + +​ break; + +​ default: + +​ break; + +​ } +``` + + 1-100之间偶数相加，求加到几的时候和超过1000 + +```js +var sum = 0 + var sum1 = 0 + for (let i = 0; i <=100; i++) { + if (i%2==0) { + sum = sum + i + if (sum > 1000) { + sum1 = i + break + } + } + } + console.log(sum1); +``` + +1-100之间偶数相加，能被7整除的数字不参加累加运算，求和 + +```js +var sum1 = 0 +for (let i = 0; i <= 100; i++) { + if (i%7==0) { + continue; + } + if (i%2==0) { + sum1 = sum1 + i + } + } + console.log(sum1); +``` + + 求199-2022的润年 + +```js + var sum = 0 + for (let i = 199 ; i <=2022; i++) { + if ( (i%4==0) && (i%100==0) && (i%400==0) ) { + sum = i + console.log(sum); + } + } +``` + +输入分数，如果分数在 90-100: A 80-89：B 60-79：C 小于60：D + +```js + var score = prompt('请输入分数') + if (score>=90 && score<=100) { + alert('A') + + } + if (score>=80 && score<89) { + alert('B') + + } + if (score>=60 && score<79) { + alert('C') + + } + else + alert('D') +``` + +# 2022-10-14 + +## 数据类型 + +#### 基本数据类型 + +##### Number - Integer,float + +##### Boolean + +##### Null + +##### Undefined + +##### Symbol + +##### String + +## 数据类型转换 + +#### 1.显示类型转换 + +- #### Number(mix) + +- #### parseInt(str, radix) + +- #### parseFloat(string) + +- #### String(mix) + +- #### toString(radix) + +- #### Boolean() + +**练习：将10110110转成16进制** + +```js + 2-->10-->16 //先转十进制，再转十六进制 +var num = 10110110; +var num2 = parseInt(num,2); +var res = num2.toString(16); +alert(res); +``` + + + +## 常用类 + +#### Math + +求最值Math.min() Math.max() + +舍入 Math.ceil() Math.floor() Math.round() + +```js +Math:min(最小)，max(最大) +Math: 舍入 ceil(向上取整) floor(向下取整) round(四舍五入) + var minnum = Math.min(1,3,5,64,76,47,84,3) + var num = Math.ceil(53.1); //54 +``` + +#### 2.Random + +```js +20-30 Radom()-->[0,1) 1-30: Random()*(31-1) --[0,30-1+1]+1 --> [1,30] +Random()*(30-20+1)+20 //[20,30] +console.log((Random())*(30-20+1)+20); //[0,11)+20 --> [20,31) -->[20,30] +console.log(parseInt(Math.random()*11)+20); +``` + +#### 3.Time + + + +# 2022-10-17 + +## 数组 + +```js +//获取数组长度 length + + +//concat:将两个数组合并在一起 +const firstList = [1, 2, 3] +const secondList = [4, 5, 6] +const thirdList = firstList.concat(secondList) + +//indexof:查找数组的元素，返回-1表示不存在,与之相同的查找方法还有includes,lastindexof + +//toString():将数组转成字符串 + +//join():添加指定字符后转成字符串 转成json常用 + +//slice():表示切片，参数个数：0 1 2 返回一个数组对象 + +//splice(): 接收 0 2 多 个参数 表示移除，替换元素 + + +//数组的添加元素：push unshift +//数组的删除元素: shift pop + +//reverse() ：反转 +//sort() + +//forEach():数组为每个数组元素调用一次函数（回调函数）。 +//map() +//filter()：匹配符合条件的元素 +//reduce()： 汇总数据，返回是一个数据 +//every():检查所有数组值是否通过测试 +``` + +## shift + +`shift` 方法用于删除数组中的第一个元素，并返回删除的这个元素 + +```js +arr.shift(); +console.log(arr); +``` + +## unshift + +`unshift` 方法用于在数组的第一个位置添加元素，并返回添加元素后的数组长度 + +```js +arr.shift() +arr.unshift(86) +console.log(arr); +``` + +## 数组解构 + +```js + //数组解构 + // const arr = [1,2,3,4]; + // var a = arr[0]; + // var b = arr[1]; + // var d = arr[3]; + // var[a,...args] = arr; + // console.log(a); + // console.log(args); + // console.log(b); + // console.log(c); + // console.log(d); +``` + +## reverse()反转数组 + +```js +// const arr = [1, '5', null, undefined, 6, 4, 11111111] +// arr.reverse() +// console.log(arr1); +``` + +```js + 去空格函数 +var str = 'JavaScript' +// const arr = str.split('') +// console.log(arr); + console.log(String.prototype); + console.log(str.toUpperCase()); + + console.log(str.substr(4,6)); + console.log(str.substring(4,0)); //[4,6) 如果start>end,交换顺序 + console.log(str.trim()); //去掉两边的空格，中间穿插的不可以 + + console.log(str.includes('Sc'));//返回true表示找得到，返回false表示找不到 + console.log(str.indexOf('Sc',6)); //返回的是第一个匹配字符串的起始下标,如果找不到返回-1 + console.log(str.slice(4,0)); //截取,返回对应长度的字符串 +``` + +## 作业习题 + +将数组中的 元素1 与 元素3 调换位置 + +```js + // const arr = [3,2,1,4,5] + + // let temp = arr[2] + + // arr[2] = arr[0] + + // arr[0] = temp + + // console.log(arr); //1 2 3 4 5 +``` + +使用冒泡排序（从大到小）： [90,65,78,66,48,39,92,73] 使用数组解构的方法交换变量 + +```js + // const arr = [90,65,78,66,48,39,92,73]; + // for(let i = 0; iarr.length-1-i;j++){ + // if(arr[j]>arr[j+1]){ + // [arr[j],arr[j+1]] = [arr[j+1],arr[j]] + // } + // } + // } + // console.log(arr); +``` + + // 1.移除第一个元素87，并在开头添加 元素86 + + // 2.移除最后一个元素43， 并在末尾添加1 + + // 3.在 70 65 之间插入 元素 68 + + // 4.删除元素65 + +```js +const arr = [87,85,74,70,65,59,43] + + // 1. + // arr[0] = 86 + // console.log(arr); + // 第二种写法 + // arr.shift() + // arr.unshift(86) + // console.log(arr); + + // 2. + // arr[6] = 1 + // console.log(arr); + // 第二种写法 + // arr.pop() + // arr.push(1) + // console.log(arr); + + // 3. + // arr.splice(4,0,68); + // console.log(arr); + + // 4. + // delete arr[4]; + // console.log(arr); +``` + +# 2022-10-21 + +## 箭头函数 + +[es6](https://so.csdn.net/so/search?q=es6&spm=1001.2101.3001.7020) 新增了使用胖箭头（=>）语法定义函数表达式的能力，很大程度上，箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方，都可以使用箭头函数 + +不与new一起使用，箭头函数不能用作构造器，和 new一起用会抛出错误。 + +没有prototype属性箭头函数没有prototype属性。 + +```js +// 声明函数 +function 函数名() { + //函数体代码 +function 是声明函数的关键字,必须小写 +----------------------------------------------- +// 普通函数 +let sum = function(a, b) { + return a + b; +} + +// 箭头函数 +let sum1 = (a, b) => { + return a + b; +} + +--------------------------------- + 函数示例 + var elements = [ + 'Hydrogen', + 'Helium', + 'Lithium', + 'Beryllium' + ]; + + elements.map(function(element) { + return element.length; + }); // 返回数组：[8, 6, 7, 9] + + // 上面的普通函数可以改写成如下的箭头函数 + elements.map((element) => { + return element.length; + }); // [8, 6, 7, 9] + + // 当箭头函数只有一个参数时，可以省略参数的圆括号 + elements.map(element => { + return element.length; + }); // [8, 6, 7, 9] +``` + +```js +var fact = (x) => ( x==0 ? 1 : x*fact(x-1) ); +fact(5); // 120 +``` + +## 对象 + +```js +//对象： 类(人类，鱼类，鸟类) 万物对象(人):属性和行为 + //字面量表达式创建对象 + // var obj = { + // name:{ + // firstName:'煊', + // lastName:'赫' + // }, + // age:18, + // 'qq number': 1658656456 + // } + //属性:增删改查 + //1.查 . 一级属性 二级属性往后[][] + // console.log(obj.name); + // console.log(obj.age); + //1.1查 使用 [] + // console.log(obj['name']['lastName']); + + //增 obj.原来obj中没有的属性，相当于将该属性添加到对象obj中 + // obj.gender = '男' + // console.log(obj); + + // obj.age = 19 + // console.log(obj); + + //删 delete 一般删之前要对该属性进行判断 + // delete obj.age + // console.log(obj); + + //构造函数 = new 对象 + + //普通函数命名规则：小驼峰:getName() + //构造函数命名规则：大驼峰:GetName() + function GetName(){ + this.name = '煊赫' + this.age = 18 + }; + + + var obj = new GetName() //生成了一个对象 + console.log(obj.age); +``` +