1、关键字(ES5)
2、数据类型
- 布尔型boolean
- 数值型(JavaScript中的数值型不区分整数和浮点数 所有数字都是数值型)
- 字符型(String)是由Unicode字符、数字等组成的字符序列
- 空型
- 未定义型
数据类型检测
var num1=12
var num2='34'
var sum=num1+num2
document.write(sum)
document.write(typeof num1)
document.write(typeof num2)
实例 九九乘法表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="table"></div>
</body>
<script>
var str='<table>';
for(var i=1;i<10;i++){ //遍历表中所有的行
str+='<tr>';
for(var j=1;j<=i;j++){ //遍历每行中的列
// 拼接单元格
str+='<td style="border: solid 1px black;">'+j+'*'+i+'='+(i*j)+'</td>';
}
str+='</tr>';
}
str+='</table>';
document.getElementById('table').innerHTML = str;
</script>
</html>
常见的数组方法
栈和队列方法
-
puch():
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,返回的是长度,会改变原数组。
-
unshift(): 可向数组的开头添加一个或更多元素,并返回新的长度。返回新长度,改变原数组。
-
pop (): 从数组的末尾移出并返回一个元素 若是空数组则返回undefined
-
shift():从数组的开头移出并返回一个元素 若是空数组责返回undefined
检索方法
- includes(): 用于确定数组中是否含有某个元素 含有返回true 否则返回false
- Array.isArray(): 用于确定传递的值是否是一个Array 含有返回true 否则返回false
- indexOf :返回在数组中可以找到给定值的第一个索引 如图不存在 则返回-1
- lastIndexOf :返回指定元素在数组中的最后一个索引 如果不存在则返回-1
数组转字符串
- join() : 将数组的所有元素连接到一个字符串中
- toString() : 返回一个字符串 表示指定的数组及其元素
其他方法
- sort() :对数组的元素进行排序,并返回数组
- fill() : 用一个固定值填充数组中指定下标范围内的全部元素
- reverse() : 颠倒数组中元素的位置
- splice(): 对一个数组在指定下标范围内删除或添加元素
- slice() : 从一个数组的指定下标范围内拷贝数组元素到一个新元素中
- concat() : 返回一个合并两个或多个数组后的新数组
案例:
<script>
var total = prompt('请输入猴子的数量')
var kick = prompt('踢出几只猴子')
var monkey = []
for(var i =1;i<total;++i){ //创建猴子的数组
monkey.push(i)
}
i=0 //记录每次参与游戏的猴子位置
while(monkey.length>1){ //在猴子数量大于1时进行循环
++i //猴子报数
head = monkey.shift() //从monkey数组的开头 取出猴子
if(i%kick!=0){ //判断是否t出猴子 不t出则把猴子添加到monkey数组尾部
monkey.push(head)
}
}
document.write('猴子编号:'+monkey[0])
</script>
下拉菜单:
<select id="pro">
<optgroup value="-1">请选择</optgroup>
</select>
<select id="city">
</select>
<select id="country"></select>