数组
创建数组
语法
1.[num1,num2…]
2.赋值------var 变量名 = [num1,num2,…];
访问数组元素
变量名[角标]
**注意:**角标计数从0开始
例如:num1—变量名[0]
数组的常用属性及方法
属性1-方法3 | 描述 | 应用 |
---|---|---|
length(属性) | 设置或返回数组中元素的数目 | [点击查看代码及样式] |
push | 向数组末尾添加一个或多个元素,并返回新的长度 | [点击查看代码及样式] |
join | 把数组的所有元素放入一个字符串,并通过一个分隔符进行分割 | – |
sort | 对数组排序 | – |
*这里是数组属性length的相关应用*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var age = [18,19,20];
document.write("数组age中元素的个数为:"+age.length+"个")
</script>
</body>
</html>
样式如下:
*这里是数组方法push的相关应用*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var age = [18,19,20];
var newAge = age.push(21,22);
document.write("新数组为:" + age);
document.write("<br/>");
document.write("新数组的长度为:" + newAge);
</script>
</body>
</html>
样式如下:
[点击返回表格]
循环结构
while(先判断,在执行)
语法
while(循环条件){
循环体;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var i = 0;
while(i < 5){
document.write("欢迎学习JavaScript<br/>");
i++;
}
</script>
</body>
</html>
样式如下:
do-while(先执行,在判断)
语法
do{
循环体;
}while(循环条件);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var i = 0;
do{
document.write("欢迎学习JavaScript<br/>");
i++;
}while(i<5);
</script>
</body>
</html>
样式同while循环
for
语法
for(初始化,循环条件,变量迭代){
循环体;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
for(var i = 0;i < 5;i++){
document.write("欢迎学习JavaScript<br/>");
}
</script>
</body>
</html>
样式同while循环
for-in(多用于对数组或对象的属性进行循环)
语法
for(变量 in 对象/数组){
循环体;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var age = [18,19,20];
for(var i in age){
document.write("数组age的第" + i + "位是" + age[i] + "<br/>");
}
</script>
</body>
</html>
样式如下:
函数
系统函数
1.parseInt
将字符串返回一个整数
语法:parseInt();
通常会与prompt返回的值连用
2.parseFloat
将字符串返回一个浮点数
语法:parseFloat();
parseInt和parseFloat需判断位置0处的字符是否为有效数字,如果不是则会返回NaN。
3.isNaN
判断参数是否为非数值
语法:isNaN();
如果为非数值返回“true”,否则返回“false”
定义函数
1.定义函数
语法
function 函数名(参数//可省略){
函数块;
return返回值;//可省略
}
2.调用函数
函数名(参数//可省略);
定义函数相关代码示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function add(num1,num2){
document.write("参数1为:" + num1 + "<br/>");
document.write("参数2为:" + num2 + "<br/>");
return(num1 + num2);
}
document.write("1和2的和为:" + add(1,2));
</script>
</body>
</html>
样式如下:
今天的分享就是这些啦,欢迎正在学习web的伙伴们“挑毛病”“提意见”,当然了也欢迎各种表扬奥~(比心,比心)