diff --git "a/36\345\215\261\346\214\257\345\261\261/\347\254\224\350\256\260/2020-10-06JS\345\237\272\347\241\200.md" "b/36\345\215\261\346\214\257\345\261\261/\347\254\224\350\256\260/2020-10-06JS\345\237\272\347\241\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..e8734233f1f8df2ec8e20d670ed966e34a2e57b9 --- /dev/null +++ "b/36\345\215\261\346\214\257\345\261\261/\347\254\224\350\256\260/2020-10-06JS\345\237\272\347\241\200.md" @@ -0,0 +1,136 @@ +## JavaScript基础语法 + +### 一、JS代码编写位置 + +1、直接写在页面标签里面 + +``` + + + + + 脚本代码的位置:直接写在页面标签里面 + + + + + + + +``` + +2、写在外部JS文件中 + +外部JS文件: + +``` +alert:弹窗 + +alert("欢迎进入JavaScript编程的世界!"); +``` + +HTML文件中: + +``` + + + + + 脚本代码的位置:写在外部js文件中 + + + + + + + +``` + +### 二、将JS脚本代码作为A标签的属性值 + +``` + + + + + 将脚本代码作为a标签的属性值 + + + + 喜欢我就点击我吧 +

+ 喜欢我就点击我吧 + + +``` + +### 三、JS中数据类型和变量 + +4.1、JavaScript是弱类型语言,在定义变量的时候不用确定数据类型,在赋值的时候根据值自动确定其类型 。 + +4.2、数据类型有:undefined,number,boolean,string,object + +4.3、var是声明变量的关键字 。 + +4.4、变量命名时要遵循的规则: + + 第一个字符必须是一个字母、下划线(_)或一个美元符号$。 + + 后面的字符可以是字母、下划线、美元符号或数字。 + + 区分大小写。 + + 不能与关键字同名 ,如while、for和if等。 + +### 四、循环 + +##### 1、while循环和do...while循环 + +while循环打印1-10. + +``` +var i = 1; +while(i <= 10) +{ + document.write(i+"
") + i++; +} +``` + +do...while循环打印1-100. + +``` +var i = 1; +do +{ + document.write(i+"
") + i++; +}while(i <= 10); +``` + +2、while和do...while区别: + +2.1、while先判断后执行,do...while先执行后判断 + +2.2、如果将上述程序修改成var i = 11,while循环将一次都不执行,而do...while会至少执行一次。 + +##### 2、for循环 + +for循环打印1-10: + +``` +for(var i = 1;i<= 10;i++) +{ + document.write(i+"
"); +} +``` + +**3、break和continue** + +break和continue区别: + +1、break:退出整个循环 + +2、continue:退出本次循环,马上进入下一次循环 \ No newline at end of file diff --git "a/36\345\215\261\346\214\257\345\261\261/\347\254\224\350\256\260/2020-10-10\346\225\260\347\273\204.md" "b/36\345\215\261\346\214\257\345\261\261/\347\254\224\350\256\260/2020-10-10\346\225\260\347\273\204.md" new file mode 100644 index 0000000000000000000000000000000000000000..9aa05cf4549d9bb8f0d4c72397a01d5be230e2d4 --- /dev/null +++ "b/36\345\215\261\346\214\257\345\261\261/\347\254\224\350\256\260/2020-10-10\346\225\260\347\273\204.md" @@ -0,0 +1,168 @@ +## 一、数组 + +向数组中添加元素 + 语法:数组[索引]=值 + +读取数组中的元素 + 语法:数组[索引] + 如果读取不存在的索引,他不会报错而是返回undefined + +### 二、创建数组 + +使用字面量来创建数组 + 语法:var 数组名 = [1,2,3.... ] + 使用字面量创建数组时,可以在创建时就指定数组中的元素 + +使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递 +元素之间用“,”隔开 + +### 三、数组对象属性 + +获取数组的长度 + 可以使用length属性来获取数组的长度(元素的个数) + 语法:数组.length + +对于连续性的数组,使用length可以获取到数组的长度(元素个数) +对于非连续性的数组,使用length会获取到数组的最大的索引+1(尽量不要使用非连续性数组) + +length修改: + 如果修改的length大于原长度,则多出来部分会空出来 + 如果修改后的length小于原长度,则多出来的部分会被删除 + +向数组最后一个位置添加元素 + 语法:数组[数组.length]=值 + +### 四、数组对象方法 + +#### 1.push() + +​ 该方法可以向数组的末尾添加一个或多个元素,并且返回数组的新长度 +​ 可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾 +​ 该方法会将数组新的长度作为返回值返回 + +#### 2.pop() + +​ 该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回 + +#### 3.unshift() + +​ 向数组开头添加一个或多个元素,并返回新的数组长度 + +#### 4.shift() + +​ 可以删除数组的第一个元素,并将被删除的元素作为返回值返回 + +#### 5.slice() + +​ 用法:const Arr1 = arr.slice(start,end) +​ 可以用来从数组中提取指定元素 +​ 该方法不会改变原数组,而是将截取到的元素封装到一个新的数组中返回 +​ 参数: +​ 1.截取开始的位置的索引(包含开始位置索引) +​ 2.截取结束的位置的索引(不包含结束位置索引) + +#### 6.splice() + +​ 用法:const Arr1 = arr.splice(start,count) +​ 可以用于删除数组中的指定元素 +​ 使用splice()会影响原数组,会将指定元素从原数组中删除 +​ 并将被删除的元素作为新数组返回 +​ 参数: +​ 第一个,表示开始位置的索引 +​ 第二个,表示删除的数量 +​ 第三个及以后: +​ 可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边 + +#### 7.concat() + +​ 用法:const Arr1 = arr.concat(arr2,arr3,“元素”,。。。) +​ 可以连接两个或多个数组,并将新的数组返回 +​ 该方法不会对原数组产生影响 + +#### 8.join() + +​ 该方法可以将数组转换为一个字符串 +​ 该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回 +​ 在join()中可以指定一个字符串作为参数,这个字符串将会称为数组中元素的连接符 +​ 如果不指定连接符,则默认使用“,”作为连接符 + +**split():以特定字符分割字符串,返回的是一个数组** + +```javascript +var arr = str.split('') //每一个元素都分割 + var arr = str.split(' ') //以空格分割成两部分 +console.log(arr); +``` + +```javascript +substr(start,length):从下标start开始截取length个字符 + console.log(str.substr(5,6)); + +substring(start,end): 从下标start开始,end结束,不包含end + console.log(str.substring(5,11)); //左闭右开:不包含右边 +``` + +**map:为数组中每个元素调用对应函数,返回一个新的数组** + +```javascript +const arr3 = arr2.map( + function(item){ + return item*2 + } +) +console.log(arr3); +``` + +**filter(过滤):筛选符合条件的元素,返回一个新数组** + +```javascript +const arr4 = arr2.filter( + function (item) { + if(item%2==0){ + return item + } + } + +) + +console.log(arr4); +``` + +**reduce():归纳汇总** + +```javascript +const varr = arr2.reduce( + function (v1,v2){ + return v1*v2 + } +) +console.log(varr); + +``` + + + +### 五、数组遍历 + +所谓的遍历数组,就是将数组中所有的元素都取出来 + +一般我们都是使用for循环去遍历数组, + JS中还为我们提供了一个方法用来遍历数组:forEach( ) + +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); +``` +