forked from HaoZhang95/Python24
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbasic01.html
More file actions
127 lines (99 loc) · 4.21 KB
/
basic01.html
File metadata and controls
127 lines (99 loc) · 4.21 KB
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
window.onload = function () {
function func1() {
// 数组的第一种写法
var arr1 = [1, 2, 3, "abc"];
console.log(arr1[2]);
// 数组的第二种写法
var arr2 = new Array(1, 2, 3, "abc");
console.log(arr1.length);
// 数组添加push
arr1.push("def")
console.log(arr1);
// 结尾删除数据pop
arr1.pop()
console.log(arr1);
// 在特定位置删除数据slice，在1的位置删除2个元素，并且添加xyz
// arr1.slice(1) 会导致删除1位置后的所有元素,slice方法返回i的是新数组，非原数组上进行的修改
console.log(arr1.slice(1, 2));
console.log(arr1.slice(1, 2, "xyz"));
// 将数组元素之间添加间隔符,返回一个字符串
console.log(arr1.join('-'));
// 数组的反转
arr1.reverse()
console.log(arr1);
}
// var num2;
function func2() {
// 如果函数中忘记写var关键字的话，不会报错，
// 虽然是在函数中声明的局部变量,但是写丢了var,会自动生成一个script全局变量num10,func中的都是赋值
var i = 0
num2 = 888;
while (i < 3) {
console.log("循环次数:%s", i);
i += 1; // or i++;
}
for(var i=0; i<3; i++) {
console.log("循环次数:%s", i);
}
}
function func3() {
var array = ["战狼2", "前任3", "泰坦尼克号", "疯狂的外星人"]
// 有多少数据,就动态的生成多少个li
var my_ul = document.getElementById("myul")
var str = '';
for (let index = 0; index < array.length; index++) {
const element = array[index];
// 生成一个li标签
str += '<li>' + element +'</li>';
}
// 使用innerHTML向里面添加li
my_ul.innerHTML = str
}
function func4() {
// 数组去重需要手动,使用indexOf和循环
var array = [1, 2, 3, 4, 3, 2, 1]
var new_array = [];
for (let index = 0; index < array.length; index++) {
const element = array[index];
// indexOf(ele) 返回的是ele在数组中第一次出现的索引位置
// 如果该元素出现的位置正好等于当前index,表示第一次出现,那么添加到新的数组中
// 如果该元素的index不等于当前索引，表示不是第一次出现,则不添加
if (array.indexOf(element) == index) {
new_array.push(element)
}
}
console.log(new_array);
}
function func5() {
// 字符串的操作
var str1 = '10.9'
console.log(typeof(str1));
console.log(parseInt(str1));
console.log(parseFloat(str1));
var str2 = "2018-1-18"
console.log(str2.split('-')[0]);
console.log(str2.substring(0, 4));
// 字符串reverse,手动将str -> 数组(reverse) -> str
console.log(str2.split('').reverse().join(''));
}
func5()
}
</script>
</head>
<body>
<ul id="myul">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>