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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 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 0000000000000000000000000000000000000000..0a4753e1edbb7176eeb624e628595d7b96c5cf23 --- /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 数组 --> 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'} +``` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +