【web前端初级课程】第五章常用的内置模块_前端网页一般有哪些模块-CSDN博客

第一种方式使用若数据语言特性进行赋值
arr = [1,2,3,4]
// 第二种方式 使用 new Array（）
arr = new Array()
arr.push(1)
arr.push(2)
arr.push(3)
console.log(arr)
// 第三种 指定new array长度
arr = new Array(3)
arr[0] = 4
arr[1] = 5
arr[2] = 6
arr.push(1)
arr.push(2)
arr.push(3)
//第四种方式
arr = Array(5)
console.log(arr)

（二）数据的常用方法

1、拼接数组：arr3 = arr1.concat(arr2)

2、尾部添加元素：arr3.push("0000")

3、删除数组尾部元素： arr3.pop()

4、删除头部元素：arr3.shift()

5、在头部添加元素：arr3.unshift(10)

6、插入元素： arr3.splice(0,3)

7、取部分元素： let arr4 = arr3.slice(0,4)//左闭右开的区间[0,4）

8、反转数组：arr4 = arr3.reverse()

9、排序：arr4 = arr3.sort()

10、将数组拼接成字符串： arr4 = arr4.join("#")（可以指定拼接符号）

二、Math数学模块

π	Math.PI
e	Math.E
向下取整	Math.floor(15.999999)
向上去整	Math.ceil(15.000001)
四舍五入	Math.round(15.499999)
绝对值	Math.abs(-10)
开平方	Math.sqrt(16)
取最大值	Math.max(...arr)
取最小值	Math.min(...arr)
随机数	Math.random()
幂次运算	Math.pow(4,0.5)

三、Date时间模块

（一）当前时间

let date = new Date()
console.log(date)

（二）设指定时间

date = new Date('2000-1-1 12:12:12')
console.log(date)

（三）时间戳（从1970-1-1 到现在有多少毫秒）

let timespan = date.getTime()
console.log(timespan)

（四）获取具体年月日时分秒

//年
let year = date.getFullYear()
console.log(year)
//月(从0开始的)
let month = date.getMonth()
console.log(month)
//日
let day = date.getDate()
console.log(day)
//时
let hour = date.getHours()
console.log(hour)
//分
let minutes = date.getMinutes()
console.log(minutes)
//秒 毫秒
let seconds = date.getSeconds()
let millseconds = date.getMilliseconds()

（五）定时器

let timer = setInterval(getTime,1000)
clearInterval(timer)

（六）重新遍历时间并修改样子

let clock = document.getElementById("clock")
clock.innerHTML = year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds

（七）延时执行

setTimeout(function(){
	clearInterval(timer)
}

四、字符串包装类

创建：let str = "1231231123"

字符串包装类常见的方法：

  //根据下标打印字符
let str = "i am your 2teacher3."
let str1 = "我是你们的老师"
console.log(str.charAt(2))
  //indexof 查看某个字符的第一个下标
console.log(str.indexOf('a'))
  //lastindexof 查看某个字符最后一个下标
console.log(str.lastIndexOf('a'))
  //查看某个字符的unicode编码
console.log(str.charCodeAt(0))
  //concat 拼接字符串
let str3 = str.concat(str1)
  //match search
str3 = str.match("\\d+")
  //replace 替换
str3 =  str.replace('a','b')

五、相关练习

练习一：假如一次只能走上一阶或者一下子蹦上两阶。现在一共有N阶台阶，请你计算一下从第0阶到第N阶共有几种走法。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>楼梯</title>
	</head>
	<body>
		<script>
			n=parseInt(prompt("请输入层数"))
			function jieti(n){
				if(n==1){
					return 1
				}
				if(n==2){
					return 2
				}
				return jieti(n-1)+jieti(n-2)
			}
			console.log(jieti(n))
		</script>
	</body>
</html>

练习二：一对小兔子，4个月能长大，长大以后每个月生一对小兔子，求第n个月有多少对兔子。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			n=parseInt(prompt("请输入月数"))
			function tuzi(n){
				if(n<=4){
					return 1
				}
				return tuzi(n-1)+tuzi(n-4)
			}
			console.log("第"+ n + "个月有" + tuzi(n) + "对兔子")
		</script>
	</body>
</html>