From dcd5ea639d9d06f246883b126a1b84a5ca39e3d2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=84=E4=BA=91?= <1487274726@qq.com> Date: Tue, 18 Oct 2022 23:17:36 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=89=E6=AC=A1=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2022-10-17\346\225\260\347\273\204.html" | 67 ++++ .../\347\254\224\350\256\260/JavaScript.md" | 285 +++++++++++++++++- 2 files changed, 344 insertions(+), 8 deletions(-) create mode 100644 "21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-10-17\346\225\260\347\273\204.html" diff --git "a/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-10-17\346\225\260\347\273\204.html" "b/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-10-17\346\225\260\347\273\204.html" new file mode 100644 index 0000000..8c0c812 --- /dev/null +++ "b/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-10-17\346\225\260\347\273\204.html" @@ -0,0 +1,67 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git "a/21\345\272\204\344\272\221/\347\254\224\350\256\260/JavaScript.md" "b/21\345\272\204\344\272\221/\347\254\224\350\256\260/JavaScript.md" index 138fb0d..eccd08d 100644 --- "a/21\345\272\204\344\272\221/\347\254\224\350\256\260/JavaScript.md" +++ "b/21\345\272\204\344\272\221/\347\254\224\350\256\260/JavaScript.md" @@ -1,5 +1,7 @@ # JavaScript +## 一、JavaScript基础 + ### 创建JavaScript ```html @@ -10,20 +12,287 @@ ``` -### JavaScript直接写入html输出流 +### 打印 ```html ``` -### 弹出警告框显示数据 +### 输入 -```html - +```javascript +prompt('请输入') +``` + +## 二、变量 + +### 全局变量 + +```javascript +var name=n +``` + +### 局部变量 + +```javascript +let name =n +``` + +### 区别 + + let在一个作用域内只能声明一次， var可以声明多次 + +## 三、 + +### 条件分支if-else + +```javascript +if(1表达式：结果是布尔类型){ + + }else if(2表达式：结果是布尔类型){ + + }else if(3表达式：结果是布尔类型){ + + }else{ + } +``` + +### while循环 + +```javascript +whlie(){ + +} +continue:跳出当前循环 +break:跳出循环 +``` + +### for循环 + +```javascript +for(let i=n;i>num;i++){ + +} +``` + +### Switch-case + +```javascript +switch (值) { + case n: + + break; + case n: + + break; + default: + break; + } + +``` + +## 四、基本数据类型 + +### 类型 + +#### number + +#### boolean + +#### string: + +##### 字符串转义 + +```javascript +\n:换行 +\t:Tab键 +\\:斜杠 +\':单引号 +\":双引号 +``` + +##### string常用方法 + +```javascript +var js='javascript' +//获取字符串长度 +js.length +//将英文字母转化为大写 +js.toUpperCase +//将英文转化为小写 +js.toLowerCase() +//截取字符串 +substr(起始索引位置,截取字符串个数) +substring(起始索引位置,截止索引位置(不包含)) +//拆分字符串 +split() +//去除开头或者结尾的空格 +trim() +//查看是否字符串中是否包含 +includes() +indexof() +``` + + + +#### null + +#### undefined(未定义) + +### 查看数据类型 + +```javascript +typeof 变量名 +``` + +### 数据类型转换 + +```javascript +Number():转换成数字，失败会变成 NaN(非数) +parseInt(str, radix):将（radix）进制 转成 10进制 +parseFloat(string) +String(mix) +toString(radix)：将十进制数的a转换成radix进制的数 +Boolean() + +toFixed(n):保留小数点后n位 +isNaN(): 是不是非数，是数字的话-->false 不是数字-->true +``` + +### 常用类 + +#### Math + +```javascript +Math.min() + +Math.max() +//向上取整 +Math.ceil() +//向下取整 +Math.floor() +//四舍五入 +Math.round() +``` + +#### 随机函数 + +```javascript +random() +``` + +#### Time + +```javascript +getFullYear() +getMonth() +getDate() +getHuours() + +``` + +## 五、引用类型 + +### 数组 + +#### 创建数组 + +```javascript +//空数组 +const arr = Array() +const arr = [] +//带元素数组 +const numbers = [0, 3.14, 9.81, 37, 98.6, 100]; +const fruits = ['banana', 'orange', 'mango', 'lemon'] +const arr = [ + 'Asabeneh', + 250, + true, + { country: 'Finland', city: 'Helsinki' }, + { skills: ['HTML', 'CSS', 'JS', 'React', 'Python'] } +] +//使用字符串的split方法创建数组 +let js = 'JavaScript' +const charsInJavaScript = js.split('') +``` + +#### 增 + +```javascript +//在数组末尾添加元素 +arr.push(4,5,6) +//往数组头部添加元素 +arr.unshift(4,5,6) +``` + +#### 删 + +```javascript +//删除第一个元素 +arr.shift() +//删除最后一个元素 +arr.pop() +``` + +#### 改 + +#### 查 + +#### 排序 + +```javascript +//根据字符串顺序排序，不是按照数字大小排序 +arr.sort() +// 通过冒泡排序， 从小到大 从大到小 + const arr = [45,74,23,85,23,54,85]; + for(let i = 0; iarr[j+1]){ + [arr[j],arr[j+1]] = [arr[j+1],arr[j]] + } + } + } +``` + + + +#### 数组中的常用方法 + +```javascript +//concat:将两个数组合并在一起 +const firstList = [1, 2, 3] +const secondList = [4, 5, 6] +const thirdList = firstList.concat(secondList) +//查找数组的元素，返回-1表示不存在,与之相同的查找方法还有includes,lastindexof +indexof() +includes() +lastindexof +//将数组转成字符串 +toString() +//添加指定字符后转成字符串 转成json常用 +join() +// +slice() +//下标index开始，删除delecount个元素,再添加inservalue +splice(index,delecount,insertvalue) +//反转数组 +reverse() +``` + +#### 数组解构 + +```javascript +const arr = [1,2,3,4]; +var a = arr[0]; +var b = arr[1]; +var d = arr[3]; +var[a,...args] = arr; ``` -数据 \ No newline at end of file -- Gitee