From a0c2b2cf9fc6e2cda62479e523e3c3262bff891d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BD=95=E7=9D=BF?= <2476310189@qq.com> Date: Mon, 10 Oct 2022 15:52:15 +0000 Subject: [PATCH 1/4] =?UTF-8?q?=E6=96=B0=E5=BB=BA=202022-10-10=20=E6=95=B0?= =?UTF-8?q?=E7=BB=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2022-10-10 \346\225\260\347\273\204/.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/.keep" diff --git "a/06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/.keep" "b/06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From 8bd67304f43c369abfb11411103a05c2638236cb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BD=95=E7=9D=BF?= <2476310189@qq.com> Date: Mon, 10 Oct 2022 15:52:40 +0000 Subject: [PATCH 2/4] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 何睿 <2476310189@qq.com> --- .../2022-10-10\347\254\224\350\256\260.md" | 364 ++++++++++++++++++ 1 file changed, 364 insertions(+) create mode 100644 "06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/2022-10-10\347\254\224\350\256\260.md" diff --git "a/06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/2022-10-10\347\254\224\350\256\260.md" "b/06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/2022-10-10\347\254\224\350\256\260.md" new file mode 100644 index 0000000..dd6fc22 --- /dev/null +++ "b/06\344\275\225\347\235\277/\347\254\224\350\256\260/2022-10-10 \346\225\260\347\273\204/2022-10-10\347\254\224\350\256\260.md" @@ -0,0 +1,364 @@ +#### 数据类型 + +```javascript +null , undefined + +undefined: 声明未赋值 + +null: 空指针引用 +``` + +## JavaScript数组 + +### 字符串的方法 + +#### 1.有下标,有长度 + +``` +console.log(str[str.length-1]); +``` + +#### 2.split():以特定字符分割字符串,返回的是一个数组 + +```javascript +var arr = str.split('') //每一个元素都分割 +var arr = str.split(' ') //以空格分割成两部分 +console.log(arr); + +split('分割位置') 查询到元素分割 +``` + +#### 3.substr(start,length):从下标start开始截取length个字符 + +```javascript +var str = 'Java Script' +console.log(str.substr(5,6)); +``` + +#### 4.substring(start,end): 从下标start开始,end结束,不包含end + +```javascript +var str = 'Java Script' +console.log(str.substring(5,11)); +``` + +#### 5.str.trim() + +```javascript +var str = ' Java Script ' +console.log(str.trim()); + +保存中间非空的数组字符串,删除了原始字符串头部和尾部的空格 +``` + +#### 6.改变字符串的数据类型 + +```javascript +var str_num= '6' +var n = parseInt(str_num) +Number(str_num) +var n = +str_num + +console.log(typeof str_num); +console.log(typeof n); +``` + +### 数组 + +#### 1.数组的定义 + +```javascript +数组: const arr = [] + const arr = [4,5,6,7,8,9]; + +读取长度下标 +长度 下标 +console.log(arr.length); + +可直接修改对应下标下的内容元素 +arr[2] = 60; +``` + +#### 2.join var str = arr.join('#') + +在数组的每个单位之间插入数据 + +```JavaScript +string split()-- > 数组 --> join('') + +console.log(str); +``` + +#### 3.concat ()方法用于连接两个或多个数组 + +```JavaScript +const firstList = [1, 2, 3]; +const secondList = [4, 5, 6]; +const thirdList = firstList.concat(secondList); +console.log(thirdList); +``` + +#### 4.slice() + + 可以用来从数组中提取元素 - 该方法不会改变元素数组,而是将截取到的元素封装到一个新数组 + +```JavaScript +1.截取开始的位置的索引,包含开始索引 +2.截取结束的位置的索引,不包含结束索引 + 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素 + 索引可以传递一个负值,如果传递一个负值,则从后往前计算 + 负-1 倒数第一个 + 负-2 倒数第二个 + +slice():表示切片,参数个数:0 1 2 返回一个数组对象 + +const arr1 = arr.slice(2,4); +// console.log(arr1); + + +var result = arr.slice(0,2); +result = arr.slice(1,-2); + +console.log(result); +``` + +#### 5.[splice](https://so.csdn.net/so/search?q=splice&spm=1001.2101.3001.7020)() + +可以用于删除数组中的指定元素 +使用splice()**会影响到原数组**,会将指定元素从原数组中删除 +并将被删除的元素作为返回值返回 + +```JavaScript +第一个,表示开始位置的索引 +第二个,表示删除的数量 +第三个及以后.. +可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边 + +var arr = ["孙悟空","猪八戒","沙和尚","熊大","熊二","光头强"]; + + result = arr.splice(3,0,"吉吉国王","毛毛"); + + console.log(arr); + // console.log(result); + +splice(): 接收 0 2 多 个参数 表示移除,替换元素 +splice(start,end):左右都闭合,都能取到 +const arr2 = [1,2,3,4,5,6]; +arr2.splice(1,3) +arr2.splice(1,3,2,2,2); //(1,3):移除下标1-3的元素,(2,2,2):要替换的元素 +console.log(arr2); +``` + +#### 6.push:末尾添加; unshift:开头添加;pop:末尾删除 ;shift:开头删除 + +```JavaScript +arr2.push(7) +arr2.unshift(6) +arr2.pop() +arr2.shift() +arr2.reverse() +console.log(arr2); +``` + +#### 7.forEach()的定义和用法 + +```JavaScript +const arr2 = [1,2,3,4,5,6]; +arr2.forEach( + function (item,index,arr){ + item + 2 + + console.log(item); + console.log('下标'+index); + // console.log(arr); + // arr[index] = item + 2 + } +) +// console.log(arr2); +``` + + + +#### 8.map:为数组中每个元素调用对应函数,返回一个新的数组 + +function声明一个函数 + +```JavaScript +const arr3 = arr2.map( + function(item){ + return item*2 + } +) +``` + + + +#### 9.filter(过滤):筛选符合条件的元素,返回一个新数组 + +```JavaScript +const arr4 = arr2.filter( + function (item) { + if(item%2==0){ + return item + } + } +) +``` + + + +#### 10.reduce():归纳汇总 + +```JavaScript +// 1 2 3 4 5 6 +const varr = arr2.reduce( + function (v1,v2){ + return v1*v2 + } +) +console.log(varr); +``` + + + +#### 11.const a = 5 定义常量.不能修改 + +#### 12.every()检测数组中每一个元素是否符合要求,返回flash或者true + +```javascript +const ismatch=arr2.every( + function(item){ + return item>3 + } +) +console.log(isMatch) +如果数组内全部元素都符合条件则返回true +``` + + + +### 13.拓展(forEach) + +1.forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。 +2.forEach()有三个参数,第一个是function()函数,第二个是对象; +3.函数里面有三个参数,第一个是数组的每一项值(必选),第二个是数组下标(可选),第三个是原数组(可选) +4.forEach()第二个参数对象,使第一个参数函数的this指向对象 + +```JavaScript +1.第一个是数组的每一项值(必选) + var obj = { + '1' : 'abc', + '3' : 100, + '5' : 'hello' + } + var arr = [1, 3, 5]; + arr.forEach(function(item){ },obj);//返回值: 1 3 5 + +2.第二个是数组下标(可选) + var obj = { + '1' : 'abc', + '3' : 100, + '5' : 'hello' + } + var arr = [1, 3, 5]; + arr.forEach(function(item, index, self){ + console.log(index); + },obj);//返回值:0 1 2 + +3.第三个是原数组(可选) + var obj = { + '1' : 'abc', + '3' : 100, + '5' : 'hello' + } + var arr = [1, 3, 5]; + arr.forEach(function(item, index, self){ + console.log(self); + },obj);//返回值:[1,3,5] [1,3,5] [1,3,5] + + +4.forEach()第二个参数对象 + var obj = { + '1' : 'abc', + '3' : 100, + '5' : 'hello' + } + var arr = [1, 3, 5]; + arr.forEach(function(item, index, self){ + console.log(this); + },obj);//让回调函数中的this指向 arr + //返回值{'1' : 'abc','3' : 100, '5' : 'hello'} {'1' : 'abc','3' : 100, '5' : 'hello'} {'1' : 'abc','3' : 100, '5' : 'hello'} +``` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- Gitee From 656410ff3f43c2cc6a286f45aaecaf56a397c427 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BD=95=E7=9D=BF?= <2476310189@qq.com> Date: Mon, 10 Oct 2022 15:54:31 +0000 Subject: [PATCH 3/4] =?UTF-8?q?=E6=96=B0=E5=BB=BA=202022-10-10=20=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2022-10-10 \344\275\234\344\270\232/.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/.keep" diff --git "a/06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/.keep" "b/06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From 759af1acfc7ec188dd6c8af096bc292ccca87da5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BD=95=E7=9D=BF?= <2476310189@qq.com> Date: Mon, 10 Oct 2022 15:55:47 +0000 Subject: [PATCH 4/4] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 何睿 <2476310189@qq.com> --- .../2022-10-10\344\275\234\344\270\232.md" | 92 +++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 "06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/2022-10-10\344\275\234\344\270\232.md" diff --git "a/06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/2022-10-10\344\275\234\344\270\232.md" "b/06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/2022-10-10\344\275\234\344\270\232.md" new file mode 100644 index 0000000..0a4753e --- /dev/null +++ "b/06\344\275\225\347\235\277/\344\275\234\344\270\232/2022-10-10 \344\275\234\344\270\232/2022-10-10\344\275\234\344\270\232.md" @@ -0,0 +1,92 @@ +```JavaScript +var text ='I love teaching and empowering people. I teach HTML, CSS, JS, React, Python.' +//将上述字符串去除标点空格后统计有多少个单词 +for(var i=0;i