一、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>
运行结果：
