基本特点
- 是一种解释性脚本语言(代码不进行预编译)。
- 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
- 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
- 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
- JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
- 可以实现web页面的人机交互。
?引用类型
- 对象(Object)
- 数组(Array)
- 函数(Function)
//创建方法有两种
var obj1 = new Object() //直接通过new关键字和构造函数Object()创建对象
obj1.name = "Jack"
obj1.age = 80
var obj2 = { //使用对象字面量创建对象
name : 'Jack',
age : 80
}
//取出对象的方法也有两种
console.log(obj1.name) //Jack
console.log(obj2['age']) //80
?数组是数据的有向序列。但是数组的每一项都可以保存任何类型的数据。数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。在读取和设置数组的值时,要使用方括号并提供相应值的基于 0 的数字索引。
var arr = [1, '1', true, [0, 1, 2, 3], {
name: '小明'
}]
console.log(arr[0]); //1
console.log(arr[1]); //'1'
console.log(arr[2]); //true
console.log(arr[3]); //[0,1,2,3]
console.log((arr[4])); //{name:"小明"}
console.log(arr.length) //5,获取数组的长度
//判断数组使用isArray函数
var arr = [1, '1', true, [0, 1, 2, 3]]
console.log(Array.isArray(arr));
//数组的遍历
//for循环
for (var i = 0; i <= arr.length; i++) {
console.log(arr[i])
}
//for of遍历
for (var item of arr) {
console.log(item); //item直接对数组的值
}
//for in遍历
for (var i in arr) {
console.log(i); //i为下标
console.log(arr[i])
}
//foreach遍历
arr.forEach((item, index) => {
console.log(item)
})
迭代的方法:
- every:对数组中的每一项运行给定函数,如果该函数对每一项都返回 true ,则返回 true
- filter() :对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
- forEach() :对数组中的每一项运行给定函数。这个方法没有返回值。
- map() :对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
- some() :对数组中的每一项运行给定函数,如果该函数对任一项返回 true ,则返回 true 。
|