Javascript的基础(三、object对象、数组、函数)
1.三元运算符(三目运算符)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var a = 14;
var b = 15;
a > b ? alert(a) : alert(b);
</script>
</head>
<body>
</body>
</html>
2.循环语句
特点: 可以重复完成同样的事情
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
while(true){
alert("点我你就可以看到页面了");
}
//循环语句
//特点: 可以重复完成同样的事情
</script>
</head>
<body>
</body>
</html>
3.终止循环
break
4.立即结束本次循环,开始下一次循环:continue
5.do while
与while是一样的, 唯一的区别就是while先判断再做, do-while 先做再判断.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
do {
var yonghuming = prompt("请输入用户名");
var mima = prompt("请输入密码");
}while(yonghuming != "admin" || mima != "888888"){
alert("登录成功!")
}
</script>
</head>
<body>
</body>
</html>
6.for循环
作用: 也要用来执行一个循环的代码.
//得到1到100相加的和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var he = 0;
//得到1到100相加的和
for (var i = 1; i <= 100; i++) {
he += i;
};
alert(he);
console.log(he);
</script>
</head>
<body>
</body>
</html>
//求13的阶乘
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var he = 1;
//求13的阶乘
for (var i = 1; i <= 13; i++) {
he *= i;
};
alert(he);
console.log(he);
</script>
</head>
<body>
</body>
</html>
//得到100到999的所有水仙花数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
//得到100到999的所有水仙花数
//百位上的数的立方+十位数的立方+个位数的立方=自己
for (var i = 100; i <= 999; i++) {
var bai = Math.floor(i/100);
var shi = Math.floor(i%100/10);
var ge = i % 10;
var he = Math.pow(bai,3)+Math.pow(shi,3)+Math.pow(ge,3);
if (he == i) {
console.log(i);
};
};
</script>
</head>
<body>
</body>
</html>
//得到100以及的所有质数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
//得到100以及的所有质数
//固定第一个会变化的数字1-100中的n
for (var i = 1; i <= 100; i++) {
//固定第二个会变化的数字就是第一个会变化数字所有要除的数
for (var j = 2; j <= i-1; j++) {
//判断j是否可以被n整除, 如果可以说明j不是一个质数
if (i % j == 0) {
break;
};
};
if (i==j) {
console.log("这个是质数: "+i)
};
};
</script>
</head>
<body>
</body>
</html>
7.Null
8.object
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var a = new Object(); //定义了一个对象
a.xingming = "张三"; //对象属性的添加
a.chengji = 99;
alert(a.xingming+"====> "+a.chengji); //对象属性的获取
</script>
</head>
<body>
</body>
</html>
9.Array
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
//数组的创建
var a = new Array();
//保存5个成绩(给数组赋值)
a[0] = 81;
a[1] = 91;
a[2] = 76;
a[3] = 88;
a[4] = 100;
//数组的取值
alert(a[4]);
</script>
</head>
<body>
</body>
</html>
* 注意点:
a)js中的数组定义好了之后就是一个无穷大的容器
b)元素可以任意添加:数量不限制,数据类型不限制(弱语言)。
c)元素下标以0开始
* 数组的遍历
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
//数组的创建
var a = new Array();
//保存5个成绩(给数组赋值)
a[0] = 81;
a[1] = 91;
a[2] = 76;
a[3] = 88;
a[4] = 100;
//数组的长度
alert(a.length);
//使用length遍历数组
for (var i = 0; i < a.length; i++) {
console.log(a[i]);
};
</script>
</head>
<body>
</body>
</html>
* 字符串也可以看成是一个数组:
var a = “abcdefg”;//a,b,c,d,e,f,g
10.Function
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
//函数的定义
function gaobai(){
console.log("我爱你");
console.log("爱着你");
console.log("就像老鼠爱大米");
}
//函数的调用
gaobai();
</script>
</head>
<body>
</body>
</html>
* 函数的参数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
function jisuan(shu1,shu2){
alert(shu1+shu2);
}
var yi = 20;
var er = 30;
jisuan(yi,er);
</script>
</head>
<body>
</body>
</html>
* 函数的返回值:
跟在return后面的数据,叫做函数的返回值。
一般情况下函数如果没有return,那么这个函数默认返回:undefined