17-[JavaScript]- 内置对象 Array,String,Date,Math

时间:2023-03-08 21:05:53
17-[JavaScript]- 内置对象 Array,String,Date,Math

1、Array数组

17-[JavaScript]- 内置对象 Array,String,Date,Math

17-[JavaScript]- 内置对象 Array,String,Date,Math

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript"> //列表 js 数组 容器 装东西 //创建数组 //1.字面量方式创建 (推荐大家使用这种方式创建数组 简单粗暴) var colors = ['red','color','yellow'];
console.log(colors) //空数组
var emptyArray = []; //2.使用构造函数的方式创建 使用new关键词对构造函数进行创建对象
var colors2 = new Array(); var colors3 = new Array('white','red','orange');
console.log(colors3); //数组赋值 var arr = [];
arr[0] = 123;
arr[1] = '哈哈哈';
arr[2] = '嘿嘿嘿';
console.log(arr); //通过下标取到相应的值
console.log(arr[2]);
console.log(arr.length); for(var i=0;i<arr.length;i++){
console.log(arr[i]) ; //数组的遍历
} </script>
</html>

17-[JavaScript]- 内置对象 Array,String,Date,Math

17-[JavaScript]- 内置对象 Array,String,Date,Math

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
//1.数组的合并 concat()
var north = ['北京','山东','天津'];
var south = ['东莞','深圳','上海']; var newArr = north.concat(south);
console.log(newArr) //2.将数组转换成字符串
var score = [98,78,76,100,0]; //toString() 直接转换为字符串 每个元素之间使用逗号隔开 var str = score.toString();
console.log(str) //join()方法 将数组中的元素使用指定的字符串连接起来,它会形成一个新的字符串 var str2 = score.join('|')
console.log(str2) //3.查找下标
//indexOf() 正向查找
//如果查找的值不在数组中则返回-1
var index = score.indexOf(101)
console.log(index) //反向查找 var lastIndex = score.lastIndexOf(78);
console.log(lastIndex) //数组的排序
var names = ['alex','xiaoma','tanhuang','abngel']; //4.反转数组
var reverseNames = names.reverse();
console.log(reverseNames)
console.log(names) //sort():按照26个字母排序 数组 var enames = names.sort();
console.log(enames)
console.log(names) // if(enames===names){
// alert(2)
// } //5.移除元素和添加元素
//移除我们的第一个元素 返回的结果是移除的第一个元素 原来数组中的第一个元素 被移除掉了
var firstName = names.shift()
console.log(firstName)
console.log(enames)
console.log(names) //unshift()向数组的开头添加一个或者多个元素,并返回新的长度
var newLength = names.unshift('shanshan');
console.log(newLength)
console.log(names) //push() pop() //push() 向数组的末尾添加一个或者多个元素,并返回新的长度
var newNames = names.push('老村长','嘿嘿嘿')
console.log(newNames)
console.log(names) var a = names.pop() //a 是被删除的元素
console.log(a)
console.log(names) //pop()删除数组的最后一个元素 var str = 'hello luffy'; console.log(str.split('').reverse().join('')) </script>
</html>

2、字符串String

17-[JavaScript]- 内置对象 Array,String,Date,Math17-[JavaScript]- 内置对象 Array,String,Date,Math

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
//内置对象 //String 字符串对象
var str = 'hello alex';
console.log(str.length) //大写
var bigStr = str.toUpperCase()
console.log(bigStr) //小写
console.log(bigStr.toLowerCase()) //第一个参数是以什么样的字符串进行切割 第二个参数是返回的数组的最大长度
var newArr = str.split(' ',1)
console.log(newArr) //左闭右开 会返回一个新的字符串
var a = str.substring(1,3)
console.log(a) //number
//1.将number类型转换成字符串类型
var num = 132.32522;
var numStr = num.toString()
console.log(typeof numStr) //四舍五入
var newNum = num.toFixed(2)
console.log(newNum) </script>
</html>

17-[JavaScript]- 内置对象 Array,String,Date,Math

3、Date日期对象

17-[JavaScript]- 内置对象 Array,String,Date,Math

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript"> //创建日期对象
var myDate=new Date(); //获取一个月中的某一天
console.log(myDate.getDate()) console.log(Date()) //
console.log(myDate.getMonth()+1)
console.log(myDate.getDay())
</script>
</html>

17-[JavaScript]- 内置对象 Array,String,Date,Math

4、Math内置对象

17-[JavaScript]- 内置对象 Array,String,Date,Math

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript"> var x = 1.234
//天花板函数 大于等于 x,并且与它最接近的整数 2
var a = Math.ceil(x)
console.log(a) //地板函数 小于等于 x,并且与它最接近的整数 1
var b = Math.floor(x)
console.log(b) //求 两个数的最大值 最小值 console.log(Math.max(2,5))
console.log(Math.min(2,5)) //经常使用 random 0-1之间的随机数 包含0 不包含1
var ran = Math.random() console.log(ran) //100-200之间的随机数
var c = 100+Math.random()*100
console.log(c) //min - max之间的随机数 min+Math.random()*(max-min) //5-15
var d = 5 + Math.random()*(15-5)
console.log(d) </script>
</html>

17-[JavaScript]- 内置对象 Array,String,Date,Math