美文网首页
2018-11-30 第12天作业和当天总结

2018-11-30 第12天作业和当天总结

作者: 一片落叶就是渺小 | 来源:发表于2018-11-30 15:46 被阅读0次

1.期末考试奖励

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>奖励</title>
<script type="text/javascript">
var score = +prompt('请输入小明同学的期末成绩(0-100):')
if(score == 100){
alert('BMW');
}
else if(score >= 80 && score <= 99){
alert('iphone15s');
}
else if(score >= 60 && score < 80){
alert('参考书');
}
else{
alert('什么都没有');
}
</script>
</head>
<body>

</body>
</html>

2.嫁不嫁

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>嫁不嫁</title>
<script type="text/javascript">
var height = +prompt('输入身高');
var fu = +prompt('输入身价');
var yanzhi = +prompt('输入颜值');
if (height>180 && fu>1000 && yanzhi >500){
alert('一定嫁他');
}else if (height>180 || fu>1000 || yanzhi >500){
alert('嫁吧,比上不足比下有余');
}else{
alert('不嫁');
}
</script>
</head>
<body>

</body>
</html>

3.数字排序

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>排序</title>
<script type="text/javascript">
var num1 = +prompt('输入数值:');
var num2 = +prompt('再输入数值:');
var num3 = +prompt('再再输入数值:');
if(num1>num2 && num1>num3 ){
if(num2>num3){
alert(num1+','+num2+','+num3);
}
else{
alert(num1+','+num3+','+num2);
}
}else if(num2>num1 && num2>num3 ){
if(num1>num3){
alert(num2+','+num1+','+num3);
}
else{
alert(num2+','+num3+','+num1);
}
}else if(num3>num2 && num3>num1 ){
if(num1>num2){
alert(num3+','+num1+','+num2);
}
else{
alert(num3+','+num2+','+num1);
}
}
</script>
</head>
<body>

</body>
</html>

条件语句

通过条件来控制程序的走向,就需要用到条件语句。

if else

var a = 6;
if(a==1)
{
    alert('语文');
}
else if(a==2)
{
    alert('数学');
}
else if(a==3)
{
    alert('英语');
}
else if(a==4)
{
    alert('美术');
}
else if(a==5)
{
    alert('舞蹈');
}
else
{
    alert('不补习');
}

switch

var a = 6;

switch (a){
    case 1:
        alert('语文');
        break;
    case 2:
        alert('数学');
        break;
    case 3:
        alert('英语');
        break;
    case 4:
        alert('美术');
        break;
    case 5:
        alert('舞蹈');
        break;
    default:
        alert('不补习');
}

数组相关操作
1、数组创建

var array1 = new Array();
var array2 = [];

2、获取数组长度
数组长度可以通过.length获取

var array7 = [1,2,3,4];
array7.length;//4

同时,数组的长度你也可以随时设置,如果设置的长度超过之前的,则后面的内容会自动补充维undefined,否则会截取有效长度的内容,如下:

var array8 = [1,2,3,4,5];
console.log(array8.length);//5
array8.length = 8;
array8;//[1, 2, 3, 4, 5, undefined × 3]
 
array8.length = 3;
array8;//[1,2,3]

3、获取或者设置数组值
数组的下标是从0开始的

var array9 = [1,2,3,4,5,6];
array9[2];//3
array9[2] = 4;
array9[2];//4

4、数组字符串转换
数组转换为字符串可以调用数组自带的toString()方法,返回数组的字符串形式

var array10 = [1,2,3,4];
array10.toString();//"1,2,3,4"

数组也有另外一个非常有用的函数join(),它接受一个字符串参数,用于插在数组各项之间形成字符串,如下:

var array11 = [1,2,3,4];
array11.join("||");//"1||2||3||4"

5、数组添加和删除项
可以通过访问一个超过数组本来的长度的数字下标以给数组添加项,如:

var array12 = [1,2,3,4];
array12[5] = 5;
array12[6] = 6;
array12;//[1, 2, 3, 4, undefined × 1, 5, 6]

也可以通过push()给数组添加新的元素,如下:

var array13 = [1,2,3,4];
array13.push(5,6);
array13;//[1, 2, 3, 4, 5, 6]

与push()相对的是有一个pop()方法,用以删除数组中的项,且从数组最后一项开始,例如:

var array14 = [1,2,3,4];
array14.pop();//4
array14.pop();//3;
array14;//[1, 2]

同时,我们可以通过delete删除数组某项,但是只会删除该值,恢复默认的undefined,如下:

var array15 = [1,2,3,4,5];
delete array15[1];
array15;//[1, undefined × 1, 3, 4, 5]

6、数组翻转和排序

var array18 = [21,14,54,35,23,44,103];
array18.reverse();//[103, 44, 23, 35, 54, 14, 21]
array18.sort();//[103, 14, 21, 23, 35, 44, 54]

注意,数组默认排序并不是大小,而是按照对应字符串逐个编码排序的。
7.最强大的splice()
可实现添加、删除、修改等不同的功能。
①添加元素

var array25 = [1,2,3,4,5,6];
array25.splice(2,0,88,77);//[]  返回被删除的元素,这里没有删除,返回为空
array25;//[1, 2, 88, 77, 3, 4, 5, 6]

②修改元素

var array26 = [1,2,3,4,5,6,7];
array26.splice(2,2,33,44);//[3,4]
array26;//[1, 2, 33, 44, 5, 6, 7]

③删除元素

var array27 = [1,2,3,4,5,6,7];
array27.splice(2,2);//[3, 4]
array27;//[1, 2, 5, 6, 7]

相关文章

  • 2018-11-30 第12天作业和当天总结

    1.期末考试奖励 2.嫁不嫁 3.数字排序 条件语句 通过条件来控制程序的走向,就需要用到条件语句。 if els...

  • 2018-11-30 第11天作业和当天总结

    1.导航制作 运算符 1、javascript具有下列种类的运算符:算术运算符;等同运算符与全同运算符;比较运算符...

  • 2018-11-26 第8天总结和当天作业

    1、元素的层级:如果定位元素的层级是一样,则下边的元素会盖住上边的通过z-index属性可以用来设置元素的层级可以...

  • 新兵练作业 - 草稿

    作业: 【卡佛尼5+5密训营第1天作业】 1、在朋友圈以文字形式总结当天课程,并截图分享至C群(小组群)【必须完成...

  • 新兵练作业

    作业: 【卡佛尼5+5密训营第1天作业】 1、在朋友圈以文字形式总结当天课程,并截图分享至C群(小组群)【必须完成...

  • 每日前端签到(第118天)

    第118天(2018-11-30) [html] 举例说明table怎么合并行和列的? [css] 使用纯CSS代...

  • day270

    7.14 第270天心语[玫瑰][玫瑰] 1:这两天儿子依旧安排网课,休息,作业,再晚都坚持和老师确定当天的作业,...

  • 今日分享

    焦点网络初级11期(信阳)刘鸿梅 2018-11-30 坚持原创分享第115天

  • Node.js-18-xiaoming

    2018-11-30

  • 4.16当天总结

    4.16完成的事情 1.滑坡谬论思维辩证学习 2.俱乐部游戏准备 3.例会游戏带领 4.打扫家里卫生 5.去珠海拿...

网友评论

      本文标题:2018-11-30 第12天作业和当天总结

      本文链接:https://www.haomeiwen.com/subject/ufgccqtx.html