1 数组(Array)
1. 数组的介绍
数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的数据，好比 python 里面的列表。
2. 数组的定义
var aList = new Array(1,2,3);
var aList2 = [1,2,3,'asd'];
3. 多维数组
多维数组指的是数组的成员也是数组，把这样的数组叫做多维数组。
var aList = [[1,2,3],['a','b','c']];
4. 数组的操作
4.1 获取数组的长度
var aList = [1,2,3,4];
alert(aList.length);
4.2 根据下标取值
注意与python不同，js没有负数索引
var aList = [1,2,3,4];
alert(aList[0]);
4.3 从数组最后添加和删除数据
var aList = [1,2,3,4];
aList.push(5);
alert(aList);
aList.pop();
alert(aList);
4.4 根据下标添加和删除元素
arr.splice(start,num,element1,.....,elementN)
参数解析：
start：必需，开始删除的索引。包含初始值start
num：可选，删除数组元素的个数。
elementN：可选，在start索引位置要插入的新元素。
var colors = ["red", "green", "blue"];
colors.splice(0,1);
alert(colors);
colors.splice(1, 0, "yellow", "orange");
alert(colors);
5. 小结
数组的定义使用一对中括号
获取数组的长度使用length属性
从数组最后添加元素使用push方法
从数组最后删除元素使用pop方法
根据下标添加和删除元素使用splice方法
2 循环语句
1. 循环语句的介绍
循环语句就是让一部分代码重复执行，javascript中常用的循环语句有:
for
while
do-while
2. for循环
var array = [1, 4, 5];
for(var index = 0; index < array.length;){
result = array[index];
alert(result);
index++;
}
3. while循环
var array = [1, 4, 5];
var index = 0;
while (index < array.length) {
result = array[index];
alert(result);
index++;
}
4. do-while循环
var array = [1, 4, 5];
var index = 0;
do {
result = array[index];
alert(result);
index++;
} while (index < array.length);
3 字符串拼接
字符串拼接使用: "+" 运算符
var iNum1 = 10;
var fNum2 = 11.1;
var sStr = 'abc';
result = iNum1 + fNum2;
alert(result);
result = fNum2 + sStr;
alert(result);
4 定时器
1. js定时器有两种创建方式：
setTimeout(func[, delay, param1, param2, ...]) ：以指定的时间间隔（以毫秒计）调用一次函数的定时器
setInterval(func[, delay, param1, param2, ...]) ：以指定的时间间隔（以毫秒计）重复调用一个函数的定时器
第一个参数 func , 表示定时器要执行的函数名
第二个参数 delay, 表示时间间隔，默认是0，单位是毫秒,1秒等于1000毫秒
第三个参数 param1, 表示定时器执行函数的第一个参数，一次类推传入多个执行函数对应的参数
2. js清除定时器分别是:
clearTimeout(timeoutID) 清除只执行一次的定时器(setTimeout函数)
clearInterval(timeoutID) 清除反复执行的定时器(setInterval函数)
clearTimeout函数的参数说明:
timeoutID为调用setTimeout函数时所获得的返回值，使用该返回标识符作为参数，可以取消该setTimeout所设定的定时执行操作。
<script>
function fnShow(name, age){
alert("ok" + name + age);
alert(tid)
clearTimeout(tid1);
}
var tid1 = setTimeout(fnShow, 2000, '李四', 20)
function fnShowInfo(name, age) {
alert("ok" + name + age)
}
function fnStop(){
clearInterval(tid2);
}
var tid = setInterval(fnShowInfo, 3000, '李四', 22);
</script>
<body>
<input type="button" value="停止" onclick="fnStop();">
</body>
|