# JavaScript 核心基础和常用方法 TIP

Web 前端入门到精通，关键第一步

# 1、JavaScript 书写位置 名称 描述 script 将 JavaScript 代码写在 html 文件中，例如： / 引入.js 格式的文件，例如： # 2、输出语句 名称 描述 alert() 弹出警告框 console.log() 控制台输出 # 3、变量 注：ES6 新增变量，会单独分类到 ES6 中

名称 描述 var 使用 var 可以声明变量例如：var num = 1;表示声明一个名称为 num，值为 1 的变量变量的合法命名规则：1、只能由数字、字母、下划线和$组成，但不能以数字开头2、不建议使用关键字和保留字3、严格区分大小写，A 和 a 是两个不同的变量 # 4、检测数据类型 名称 描述 typeof 检测值或者变量的数据类型 # 5、NaN 相关知识 名称 描述 NaN 表示非数字，是一个特殊的数值 isNaN() 用来检测一个值是否为 NaN ，是的话返会 true，否则返回 false # 6、数据类型 类型名称 描述 Number 数值类型，所有的数字不分大小、不分整浮、不分正负，都是数值类型 String 字符串类型，使用双引号或者单引号包裹的值 Boolean 布尔类型，true 表示真，false 表示假 Undefined 1、变量没有赋值，默认为 undefined2、变量声明提升时，变量的值也为 undefined3、undefined 的类型也为 undefined Null null 表示空，用 typeof 检测 null，结果为 object # 7、字符串的常用属性 属性名称 描述 length 表示字符串的长度 # 8、字符串的常用方法 方法名称 描述 charAt() 获取指定位置的字符 substring() 提取字符串中，介于两个指定下标之间的字符 substr() 在字符串中指定的位置处，提取指定数目的字符 slice() 提取字符串的某个部分，类似于 substring() ，不同之处：1、substring() 可以自动交换参数的位置，而 slice()不行2、slice()的第一个参数可以是负数，而 substring()不行 toUpperCase() 把字符串转换为大写 toLowerCase() 把字符串转换为小写 indexOf 返回字符串中指定字符首次出现的索引 # 9、数据类型转换 方法名称 描述 Number() 将其他类型的值转换为数字 parseInt() 可以将参数转成整数 parseFloat() 可以将参数转成浮点数 String() 将其他类型的值转换成字符串例如：String(123) toString() 将其他类型的值转换成字符串 ，例如：(5).toString() 和 String()的区别：1、toString()无法转换 null 和 undefined，String()可以转换 null 和 undefined2、toString()可增加进制参数，将字符串进行进制转换，String()不能转换进制3、写法不同，可参考上述例子 Boolean() 将其他类型的值转换为布尔值 # 10、window 下的方法 方法名称 描述 prompt() 弹出输入框 # 11、复杂数据类型 名称 描述 Array 数组 Object 对象 Function 函数 # 12、算术运算符 符号 描述 + 加法运算符。加号有两种作用，分别是加法和连字符1、加号两边的操作数都是数字，则为加法2、有一个操作数为字符串，则为连字符 - 减法运算符 * 乘法运算符 / 除法运算符 % 取余运算符。例如：a%b 代表 a 除以 b 的余数，8 %5 = 3 # 13、Number 下的方法 方法名称 描述 toFixed() 指定小数点后面的位数 # 14、Math 方法 方法名称 描述 Math.pow(x,y) 返回 x 的 y 次幂（不常用，了解即可） Math.sqrt() 返回一个数的平方根（不常用，了解即可） Math.ceil() 向上取整 Math.floor() 向下取整 # 15、关系运算符 符号 描述 > 大于 < 小于 >= 大于等于 <= 小于等于 == 等于 != 不等于 === 全等于 !== 不全等于 # 16、逻辑运算符 符号 描述 ! 非 && 与 || 或 # 17、赋值运算符 符号 描述 = 赋值 += 快捷赋值，例如： a+=1 等价于 a=a+1 -= 快捷赋值，例如： a-=1 等价于 a=a-1 *= 快捷赋值，例如： a*=1 等价于 a=a*1 /= 快捷赋值，例如： a/=1 等价于 a=a/1 %= 快捷赋值，例如： a%=1 等价于 a=a%1 ++ 自增运算 ，例如：var num1 = 3;num1++console.log(num1) // num 的值为 4 -- 自减运算，例如：var num2 = 3;num2--console.log(num2) // num2 的值为 2 # 18、条件语句 名称 描述 if 当指定条件为 true 时，执行 if 语句对应的代码 if...else 当条件为 true 时，执行 if 语句对应的代码当条件为 false 时，执行 else 语句对应的代码 if...else if... 满足条件时，执行它所对应的代码 case 在 switch 中使用，表示要匹配的每一种情况 default 在 switch 中使用，表示默认情况，当不满足所有的 case 条件时，会执行默认情况 switch 根据不同的条件来执行不同的动作。示例：switch (month) { case 1: alert("这个月有 31 天") break; case 4: alert("这个月有 30 天") break; default: alert("请输入正确的月份！！")} boolean_expression ? true_value : false_value 三元运算符，当条件表达式 boolean_expression 为真，执行表达式 true_value，为假时执行表达式 false_value # 19、循环语句 名称 描述 for 循环执行一段代码，示例：for(var i = 0; i <10;i++) { console.log(i);} while 条件为真时循环执行代码块 do-while while 循环的变体，语法：do{ 循环体}while(循环执行条件)注意事项：1、do-while 循环在检查条件之前一定会执行一次循环体2、如果条件为真，就会继续执行循环体3、如果条件为假，则会终止循环 # 20、break 和 continue 语句 名称 描述 break 用于退出循环1、在 switch 中使用，用于跳出 switch 语句2、在循环 for、while 中使用，直接跳出循环 continue 跳出当前循环，继续执行下一次循环 # 21、数组的定义 名称 描述 Array 数组， 用来存储一组值 new 与 Array 结合使用，创建数组，示例：new Array()（new 是 JavaScript 中的一个关键字，用来实例化对象的，后面的面向对象章节中会有详细的讲解，目前了解即可） # 22、数组类型的判断 名称 描述 Array.isArray() 检测数据是否是一个数组，返回布尔值 # 23、数组常用的属性 名称 描述 length 返回数组长度 # 24、数组的常用方法 方法名称 描述 push() 在尾部插入新项 pop() 删除数组的最后一项 unshift() 在头部插入新项 shift() 删除数组的第一项 splice() 用于添加或删除数组的元素 slice() 从已有的数组中返回选定的元素 concat() 合并多个数组 reverse() 颠倒数组中元素的顺序 indexOf() 返回指定元素的索引值，如果不存在返回-1 includes() 判断一个数组是否包含指定的值，返回布尔值 sort() 用于数组排序（涉及到函数知识，在函数一节再进行详细的讲解） join() 将数组转成字符串 # 25、字符串的常用方法 方法名 描述 split() 将字符串转成数组