JavaScript_note_3

JavaScript_note_3

Charles Lv7

JavaScript_note_3

JavaScript中的判断及循环

课程内容细节:

  1. 在JavaScript执行过程中网页会先执行所有的alert语句中的内容才会执行document.write中的内容,与document.write和alert在源代码中的先后顺序无关。
  2. 在if和else后永远要放一对{}哪怕后面只有一句语句(和c++建议相同,非强制性)。
  3. 在JavaScript同样存在switch case的用法,且与C语言基本相同,但JavaScript中的switch的内容可以为字符串、浮点数等(使用时都用var定义),而在C语言中只能为整型变量。
  4. 所有的逻辑运算符的优先级都低于关系运算符。
  5. JavaScript同样存在三目运算符。
  6. JavaScript的循环语句有while语句,do-while语句和for循环,相关使用和c++相同。(如何需要循环至少执行一次,选择do-while循环)。
  7. JavaScript可以使用break和continue。

完整代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>

<head>
<meta charset="utf-8">
</head>

<body>
<script>
var age = 55;
document.write("你的年龄是" + age);
if (age > 18 && age < 40) {
alert("成年啦");
} else if (age >= 40) {
alert("老啦老啦");
} else {
alert("还小呢");
}
alert("年龄决定了你的精神世界,好好珍惜吧");
//circulation
var count = 1;
var LIMIT = 5;
while (count <= LIMIT) {
alert(count);
count++;
}
</script>
</body>

</html>

JavaScript中的数组

课程内容细节:

  1. 创建数组的四种方式:
1
2
3
4
var a = new Array();
var b = new Array(size);
var c = new Array(d1, d2, ……, dn);
var d = [d1, d2, ……, dn];

如果数组采用方式三定义且只有一个元素时,会作为size调用第二种定义方式。

  1. 如果数组越界会出现undefined,且可以先定义数组后方元素(如未定义99号元素内容时定义100号元素内容),此时该元素前内容仍为undefined。
  2. .length可以给出数组的长度,且.length是可写的。如果将length改小,大于length的元素会变为undefined。
  3. .toString()可以将数组转化为字符串,.valueOf()将字符串转化为数值.valuor.join()可以在各元素之间加入分隔符。而且JavaScript的数组支持堆栈操作,即push()和pop()函数。也支持队列操作,用push()和shift()函数来进行队列的移动操作。用sort()进行排序操作,用reverse()进行反转操作,其中sort可以传入自己写的比较函数cmp。用.concat()函数进行连接字符串,用.slice()函数进行字符串截取。用.splice()进行字符串的删除、插入和替换。

完整代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>

<head>
<meta charset="utf-8">
</head>

<body>
<script>
var marks = new Array();
marks[0] = 89;
marks[1] = 78;
marks[2] = 90;
document.write("marks[1]:" + marks[1]);

var colors = ["red", "blue", "green"];
alert(colors[0]);
colors[2] = "black";
colors[3] = "brown";
alert(colors[2]);
alert(colors[3]);
alert(colors.valueOf());
alert(colors.join("||"));
var ret;
</script>
</body>

</html>
  • Title: JavaScript_note_3
  • Author: Charles
  • Created at : 2023-02-02 15:46:37
  • Updated at : 2023-08-18 16:32:10
  • Link: https://charles2530.github.io/2023/02/02/javascript-note-3/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments