目录
一、Array对象
定义：var 变量名 = new Array(元素列表)；//方式一
示例：var arr = new Array(1,2,3);
定义：var 变量名 = [元素列表]；//方式二
var arr = [1,2,3];
访问：arr[索引] = 值；
示例：arr[0] = 1;
注意：JS数组类似于Java集合，长度、类型都可变
方式一：
<script>
//方式一
var arr = new Array(1,2,3);
alert(arr);
</script>运行结果：
?方式二：
<script>
//方式二
var arr2 = [1,2,3];
alert(arr2)
</script>运行结果：
访问：
<script>
var arr2 = [1,2,3];
//访问
arr2[0] = 10;
alert(arr2);
</script> 运行结果：
变长：
<script>
//变长
var arr3 = [1,2,3];
arr3[10] = 10;
alert(arr3[10]);
alert(arr3[9]);
</script> 运行结果：
?
?变类型：
<script>
var arr3 = [1,2,3];
//变类型
arr3[5] = "hello";
alert(arr3[5]);
alert(arr3);
</script>运行结果：
?属性length：
<script>
//属性：length：数组中元素的个数
var arr4 = [1,2,3];
for (let i = 0; i < arr4.length; i++) {
alert(arr4[i]);
}
</script>运行结果：
?
push：添加方法
<script>
//方法：
//push：添加方法
var arr5 = [1,2,3];
arr5.push(10);
alert(arr5);
</script> 运行结果：
?splice：删除元素
<script>
var arr5 = [1,2,3];
//splice:删除元素
arr5.splice(0,1);
alert(arr5);
</script>运行结果：
?Array的其他方法可以查阅教程进行学习：JavaScript 教程 (w3school.com.cn)
https://www.w3school.com.cn/js/index.asp
二、String对象
定义：var 变量名 = new String(s)；//方式一
示例：var str?= new String("hello");
定义：var 变量名 = s；//方式二
var?str= "hello";
var?str= 'hello';
属性：length（字符串的长度）
方法：charAt() 返回指定位置的字符
indexOf() 检索字符串
方式一及方式二：
<script>
//方式一
var str1 = new String("abc");
//方式二
var str2 = "abc";
var str3 = 'abc';
//length属性
alert(str3.length);
</script>运行结果：
trim()：
<script>
//trim()：字符串前后两端的空白字符
var str4 = ' abc ';
alert(1 + str4.trim() +1);
</script>运行结果：
?三、自定义对象
格式：
var 对象名称 = {
? ? ? ? ? ? ? ? ? ? ? ? 属性名称1：属性值1，
? ? ? ? ? ? ? ? ? ? ? ? 属性名称2：属性值2，
? ? ? ? ? ? ? ? ? ? ? ? .......
? ? ? ? ? ? ? ? ? ? ? ? 函数名称：function(无参列表){}
? ? ? ? ? ? ? ? ? ? ? ? ......
}
示例：
var person = {
? ? ? ? name:"zhangsan",
? ? ? ? age:23,
? ? ? ? eat:function(){
? ? ? ? ? ? ? ? alert("干饭~")；
????????}
};
<script>
var person = {
name : "zhangsan",
age : 23,
eat: function (){
alert("干饭~");
}
};
alert(person.name);
alert(person.age);
person.eat();
</script>运行结果：
?
四、定时器案例
定时切换图片
需求：每隔一秒，灯泡切换一次状态
? ? ??
定时器示例：
<script>
//定时器
/*
setTimeout(function,毫秒值)：在一定的时间间隔和执行function，只执行一次
setInterval(function,毫秒值)：在一定的时间间隔和执行function，循环执行
*/
setTimeout(function (){
alert("hehe");
},3000);
setInterval(function (){
alert("hehe");
},2000);
</script>定时器案例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" onclick="on()" value="开灯">
<img id="myImage" border="0" src="../img/off.png" style="...">
<input type="button" onclick="off()" value="关灯">
<script>
function on() {
document.getElementById("myImage").src = '../img/on.png';
}
function off() {
document.getElementById("myImage").src = '../img/off.png';
}
var x = 0;
//根据一个变化的数字，产生固定的个数的值
//定时器
setInterval(function () {
if (x % 2 == 0) {
on();
} else {
off();
}
x++;
}, 1000);
</script>
</body>
</html>运行结果：
