JavaScript基础片

JavaScript 显示方案

使用 window.alert() 写入警告框

window.alert(‘警告框’)

使用 document.write() 写入 HTML 输出

document.write(‘哈哈哈’)

使用 innerHTML 写入 HTML 元素

document.getElementById(“id名”).innerHTML = 5 + 6;

使用 console.log() 写入浏览器控制台

console.log(‘控制台输出’)

JavaScript 字符串方法

var str = “The full name of China is the People’s Republic of China.”;

indexOf() 方法返回字符串中指定文本首次出现的索引（位置）

console.log(str.indexOf(“China”)) // 17

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引

console.log(str.lastIndexOf(“China”)) // 51

search() 方法搜索特定值的字符串，并返回匹配的位置

console.log(str.search(“China”)) // 17

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分

console.log(str.slice(7, 13)) // l name

substring() 类似于 slice(),不同之处在于 substring() 无法接受负的索引

console.log(str.substring(7, 13)) // l name

replace() 方法用另一个值替换在字符串中指定的值

console.log(str.replace(“name”, “zhu”))

toUpperCase() 把字符串转换为大写

console.log(str.toUpperCase())

toLowerCase() 把字符串转换为小写

console.log(str.toLowerCase())

concat() 连接两个或多个字符串

console.log(str.concat(’ ',‘aaaaa’))

trim() 方法删除字符串两端的空白符

console.log(str.trim())

charAt() 方法返回字符串中指定下标（位置）的字符串

console.log(str.charAt(0)) // T

charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码

console.log(str.charCodeAt(0)) // 84

split() 将字符串转换为数组

console.log(str.split(’ '))

JavaScript 字符串模板

模板字面量使用反引号 (``) 而不是引号 ("") 来定义字符串：

let text = Hello World!;

模板字面量允许字符串中的变量：

let firstName = “John”;
let lastName = “Doe”;
let text = Welcome ${firstName}, ${lastName}!;

JavaScript 数字方法

toString() 以字符串返回数值

var x = 123;
console.log(x.toString()) // 123

toExponential() 返回字符串值，它包含已被四舍五入并使用指数计数法的数字

console.log(x.toExponential(2)) // 1.23e+2

toFixed() 返回字符串值，它包含了指定位数小数的数字

console.log(x.toFixed(0)) // 123
console.log(x.toFixed(2)) // 123.00

toPrecision() 返回字符串值，它包含了指定长度的数字

console.log(x.toPrecision()) // 123

valueOf() 以数值返回数值

console.log(x.valueOf()) // 数值 123

Number() 可用于把 JavaScript 变量转换为数值

var y = true;
Number(y);

parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字

console.log(parseInt(“10”)) // 10

parseFloat() 解析一段字符串并返回数值。允许空格。只返回首个数字

console.log(parseFloat(“10”)) // 10

MAX_VALUE 返回 JavaScript 中可能的最大数字

console.log(Number.MAX_VALUE) // 1.7976931348623157e+308

MIN_VALUE 返回 JavaScript 中可能的最小数字

console.log(Number.MIN_VALUE) // 5e-324

JavaScript 数组方法

join() 方法也可将所有数组元素结合为一个字符串

var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];

console.log(fruits.join(" * "))

pop() 方法从数组中删除最后一个元素

fruits.pop()
console.log(fruits)

push() 方法（在数组结尾处）向数组添加一个新的元素

fruits.push(“Kiwi”)
console.log(fruits)

shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引

fruits.shift()
console.log(fruits)

shift() 方法返回被“位移出”的字符串

fruits.shift()
console.log(fruits)

unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素

fruits.unshift(“Lemon”)
console.log(fruits)

unshift() 方法返回新数组的长度

fruits.unshift(“Lemon”)
console.log(fruits)

delete 运算符来删除

delete fruits[0]
console.log(fruits)

splice() 方法可用于向数组添加新项

fruits.splice(2, 0, “Lemon”, “Kiwi”)
console.log(fruits)

splice() 方法返回一个包含已删除项的数组

fruits.splice(2, 2, “Lemon”, “Kiwi”)
console.log(fruits)

splice() 在数组中不留“空洞”的情况下移除元素

fruits.splice(0, 1)
console.log(fruits)

concat() 方法通过合并（连接）现有数组来创建一个新数组

var arr1 = [“Cecilie”, “Lone”];
var arr2 = [“Emil”, “Tobias”, “Linus”];
var arr3 = [“Robin”, “Morgan”];
console.log(arr1.concat(arr2, arr3)) // 将arr1、arr2 与 arr3 连接在一起

slice() 方法用数组的某个片段切出新数组

console.log(fruits.slice(1))

JavaScript 数组排序

sort() 方法以字母顺序对数组进行排序

var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
fruits.sort(); // 对 fruits 中的元素进行排序
console.log(fruits)

reverse() 方法反转数组中的元素

var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
fruits.sort(); // 对 fruits 中的元素进行排序
fruits.reverse();
console.log(fruits)

JavaScript 日期获取方法

getDate() 以数值返回天（1-31）
getDay() 以数值获取周名（0-6）
getFullYear() 获取四位的年（yyyy）
getHours() 获取小时（0-23）
getMilliseconds() 获取毫秒（0-999）
getMinutes() 获取分（0-59）
getMonth() 获取月（0-11）
getSeconds() 获取秒（0-59）
getTime() 获取时间（从 1970 年 1 月 1 日至今）

JavaScript 日期设置方法

setDate() 以数值（1-31）设置日
setFullYear() 设置年（可选月和日）
setHours() 设置小时（0-23）
setMilliseconds() 设置毫秒（0-999）
setMinutes() 设置分（0-59）
setMonth() 设置月（0-11）
setSeconds() 设置秒（0-59）
setTime() 设置时间（从 1970 年 1 月 1 日至今的毫秒数）

JavaScript 数学

Math.round(x) 的返回值是 x 四舍五入为最接近的整数

Math.round(6.8); // 返回 7

Math.pow(x, y) 的返回值是 x 的 y 次幂

Math.pow(8, 2); // 返回 64

Math.sqrt(x) 返回 x 的平方根

Math.sqrt(64);

Math.abs(x) 返回 x 的绝对（正）值

Math.abs(-4.7); // 返回 4.7

Math.ceil(x) 的返回值是 x 上舍入最接近的整数

Math.ceil(6.4); // 返回 7

Math.floor(x) 的返回值是 x 下舍入最接近的整数

Math.floor(2.7); // 返回 2

Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值

Math.min(0, 450, 35, 10, -8, -300, -78); // 返回 -300
Math.max(0, 450, 35, 10, -8, -300, -78); // 返回 450

Math.random() 返回介于 0（包括） 与 1（不包括） 之间的随机数

console.log(Math.random())
Math.floor(Math.random() * 10); // 返回 0 至 9 之间的数

JavaScript 数据类型

JavaScript 中有五种可包含值的数据类型

字符串（string）
数字（number）
布尔（boolean）
对象（object）
函数（function）

有三种对象类型

对象（Object）
日期（Date）
数组（Array）

同时有两种不能包含值的数据类型

null
undefined

typeof 运算符来确定 JavaScript 变量的数据类型

typeof “Bill” // 返回 “string”

JavaScript 错误 - Throw 和 Try to Catch

try 语句使您能够测试代码块中的错误。
catch 语句允许您处理错误。
throw 语句允许您创建自定义错误。
finally 使您能够执行代码，在 try 和 catch 之后，无论结果如何。

<p id="demo"></p>

<script>
try {
    adddlert("欢迎访问！");
}
catch(err) {
    document.getElementById("demo").innerHTML = err.message;
}
</script>

try {
     供测试的代码块
}
 catch(err) {
     处理错误的代码块
} 

JavaScript

for in 语句循环遍历对象的属性 遍历下标

for of 语句循环遍历可迭代对象的值 遍历值