JS笔记
外部链接
创建外部的JS文件 XX.js,在HTML文档中使用<script src=""></script>引入
<script src="index.js"></script>
注意 :<script></script>既可以实现内嵌 JS 代码,也可以实现引入外部的 JS 文件,但是只能二选一。
alert("网页弹框的信息"); 普通的网页弹框
prompt("提示用户输入的内容"); 接收用户输入的弹框,返回用户输入的内容
console.log(); 控制台输出,多用于代码调试
document.write("<h1>Hello</h1>");实现在动态在网页中写入内容。
变量用var 声明
常量用const 声明 且全大写字母命名
操作小数位 toFixed(n); 保留小数点后 n 位 num.toFixed(2) num保留两位小数
查看数据类型
- typeof 变量或表达式
- typeof (变量或表达式)
数据类型转换:
1.强制类型转换 方法: toString()
2.转换number类型 Number() 整体number转换
parseInt() parseFloat() 提取字符串中的number转换
3.转换Boolean类型 Boolean()除‘零’值以外,其他数据都为真,只有‘零’值为假
4.自动转换:当字符串与其他数据类型进行"+"运算时,表示字符串的拼接,不再是数学运算
转换规则 :将非字符串类型的数据转换成字符串之后进行拼接,最终结果为字符串。其他情况下,一律将操作数转number进行数学运算
关系运算:
相等与全等
==(相等) !=(不相等) : 不考虑数据类型,只做值的比较(包含自动类型转换)
===(全等) !==(不全等) : 不会进行数据类型转换,要求数据类型一致并且值相等才判断全等
逻辑运算符:
1.&& 逻辑与:表达式同时成立,最终结果才为true;全1则1
2.|| 逻辑或:表达式中只要有一个成立,最终结果即为true; 有1则1
三目运算符:
表达式1 ? 表达式2 : 表达式3;
判断表达式1是否成立,返回布尔值
如果表达式1成立,执行表达式2;
如果表达式1不成立,执行表达式3;
var a = 10; var res=a>5?'ok':'error'; console.log(res) //ok //如果a>5返回OK 否则返回error a = 3; var res2 = a>5?'ok':a>=3?'>=3':'<3'; console.log(res2) //>=3 //如果a>5返回ok,否则返回a>=3?'>=3':'<3' 继续三目运算 如果a>=3返回>=3,否则返回<3
语句:(和JAVA基础语法差不多)
分支结构:if结构 if else结构 多重分支结构
switch语句
循环结构:while循环 do while循环 for循环
函数:详见JS函数笔记
数组的属性和方法:
var arr = [ ]; 创建空数组
arr.push(data) 末尾添加元素
arr.pop() 移除末尾元素
arr.unshift(data) 在头部添加一个或多个元素
arr.shift() 移除数组的第一个元素
arr.toString() 数组转换成字符串类型(不改变原有数组,新的数组)
arr.join(param) 数组转换成字符串类型(不改变原有数组,新的数组)
参数省略默认逗号连接,参数可以是连接符 用来指定元素之间的连接符号
arr.reserse() 反转数组,倒序重排(改变原有数组)
arr.sort() 对数组进行排序(默认按照Unicode编码升序)
forEach(param)遍历数组元素 参数为函数
arr.forEach(function(elem,index){
//forEach()方法会自动调用匿名函数,依次传入元素及下标
});
String对象的方法:
str.toUpperCase(); 转大写字母
str.toLowerCaer(); 转小写字母
str.charAt(index); 获取指定下标的字符
str.charCodeAt(index) 获取指定下标的字符编码
str.indexOf(s,fromIndex) 获取指定字符的下标,从前向后差,查到即返回
str.laseIndexOf(s,formIndex) 获取指定字符最后一次出现的下标,从后向前查,查找即返回
s表示要查找的字符串(必填),fromIndex表示起始下标(默认为0)
substring(startIndex,endIndex) 截取字符串
startIndex 表示起始下标 endIndex 表示结束下标,可以省略表示截止末尾
split(param) 分割字符串 返回数组 参数指定分隔符
模式匹配:借助正则表达式实现字符串中固定格式内容的查找和替换
正则表达式 :var reg1 = /字符模式/修饰符;
修饰符 : i : ignorecase 忽略大小写 g : global 全局范围
字符串方法:
match方法
match(regEXP/subStr) 参数:正则格式 返回数组
replace(regExp/subStr,newStr) 返回替换后的字符串 不影响原始字符串
Math对象
1.向上取整:舍弃小数位,整数位+1 console.log(Math.ceil(0.99)) 1
2.向下取整:舍弃小数位,整数位不变 console.log(Math.floor(0.99)) 0
3.四舍五入取整
console.log(Math.round(0.49)) 0
console.log(Math.round(0.5)) 1
4.生成0~1之间的随机小数 console.log(Math.random());