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());