1、数学(Math)属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
console.log(Math.PI);
console.log(Math.abs(-6)); //绝对值6
//上舍入4
console.log(Math.ceil(3.1));
//下舍入3
console.log(Math.floor(3.9));
//四舍五入 4
console.log(Math.round(3.52));
//最大值8
console.log(Math.max(5,8,3,1,7));
//最小值1
console.log(Math.min(5,8,3,1,7));
//2的3次方
console.log(Math.pow(2,3));
//开平方 3
console.log(Math.sqrt(9));
//随机数 [0-1)的随机数
let a=Math.random();
console.log(a);
//随机数 [0-10)的随机数
let b=Math.floor(Math.random()*10);
console.log(b);
//随机数 [0-10]的随机数
let c=Math.ceil(Math.random()*10);
console.log(c);
//随机数 [5-15]的随机数
let d=Math.ceil(Math.random()*10)+5;
console.log(d);
//随机数 [8-21]的随机数
let e=Math.ceil(Math.random()*13)+8;
console.log(e);
//随机数 [6-18]的随机数
let f=Math.ceil(Math.random()*12)+6;
console.log(f);
//生成 [m-n]:Math.ceil(Math.random()*(n-m))+m;
</script>
</body>
</html>
2、日期(Date)属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 获取Date对象
let date=new Date(); //当前时间
console.log(date);
console.log(date.getFullYear()); //年
console.log(date.getMonth()+1); //月 0-11
console.log(date.getDate()); //日
console.log(date.getDay()); //星期
console.log(date.getHours()); //小时
console.log(date.getMinutes()); //分钟
console.log(date.getSeconds()); //秒
// 1s=1000ms
console.log(date.getMilliseconds()); //毫秒
//1970年1月1日到当前的毫秒数
console.log(date.getTime());
//转换为格林威治时间
console.log(date.toUTCString());
</script>
</body>
</html>
3、String属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// ============常用===============
let str="Hello world";
//属性:长度,下标从0开始
console.log(str.length); //11
//根据下标获取对应字符
console.log(str.charAt(3)); //l
//获取字符串第一次出现的位置
console.log(str.indexOf("l")); //2
console.log(str.indexOf("lo")); //3
//找不到 -1
console.log(str.indexOf("qq")); //-1
//判断是否包含某个子串
console.log(str.includes("lo")); //true
//判断字符串以..开头
console.log(str.startsWith("Hell")); //true
//字符串截取substr(起始下标,截取长度)
console.log(str.substr(2,5)); //llo w
console.log(" 你 好 "); // 你 好
//去除两边的空格
console.log(" 你 好 ".trim()); //你 好
let num=8;
console.log(num<10?'0'+num:num);
//长度3位,不够3位前面拼0
console.log((num+'').padStart(3,0));
// ============不常用==============
//长度3位,不够3位后面拼0
console.log((num+'').padEnd(3,0));
//获取字符串最后一次出现的位置
console.log(str.lastIndexOf("o")); //7
/*
A-Z:65-90
a-z:97-122
0-9:48-57
*/
//获取对应字符的unicode码
console.log(str.charCodeAt(1)); //101
let str2="a9";
console.log(str2.charCodeAt(1)); //57
//将 Unicode 编码转为字符。
console.log(String.fromCharCode(90));//Z
//拼接返回新的字符串
let str3=str2.concat("bc");
console.log(str2,str3);//a9 a9bc
//判断字符串以..开头
console.log(str.endsWith("rld")); //true
//字符串重复3次
console.log(str2.repeat(3)); //a9a9a9
// 字符串截取substring[起始下标,结束下标)
console.log("hello".substring(1,4));//ell
//从下标1截取到最后
console.log("hello".substring(1));//ello
// 字符串截取slice[起始下标,结束下标)
console.log("hello".slice(1,4));//ell
// 负数从前面的元素下标写
console.log("hello".slice(-4,-2));//el
//从下标1截取到最后
console.log("hello".slice(1));//ello
//转换大小写
console.log("hello".toUpperCase());//HELLO
console.log("HELlo".toLowerCase());//hello
</script>
</body>
</html>
4、数组(Array)属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//1、数组连接
let arr1=[10,20,30]
let arr2=[20,40,60]
console.log(arr1);//不变
console.log(arr2);//6个
arr1.copyWithin(2.0)
console.log(arr1);//位置不变
//2、复制改变位置并替换
//fruits.copyWithin(替换起始下标,[起始下标,结束下标));
var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
fruits.copyWithin(2,0,2);
console.log(fruits);//['Banana', 'Orange', 'Banana', 'Orange', 'Kiwi', 'Papaya'];
//3、填充,将所有数据填充为 你好
arr1.fill('你好');
console.log(arr1);//['你好', '你好', '你好']
//4、转化为数组Array.from(其他类型)!!!!!!
test()
function test(){
console.log(Array.from(arguments));
}
test(1,2,3)
//5、判断一个数组是否包含一个指定的值。!!!!!
console.log(fruits.includes('Banana'));
//6、找不到返回-1
console.log(fruits.indexOf('Banana'));
console.log(fruits.lastIndexOf('Banana'));
//7、把数组的所有元素拼接为一个字符串。
let arr3=['你','真','好'];
let str=arr3.join("-");
console.log(str); //你-真-好
let str2=arr3.join("");
console.log(str2); //你真好
//8、split,按..拆分
let arr4=str.split("-");
console.log(arr4); //['你', '真', '好']
let arr5=str2.split("");
console.log(arr5); //['你', '真', '好']
//9、翻转数组顺序,原数组受到影响
arr5.reverse();
console.log(arr5); //['好', '真', '你']
let str3='我喜欢编程'; //把这句话翻转
//!!!!!!!!!!!!!!!!!!!!!!!!!!!
console.log(str3.split("").reverse().join(""));//程编欢喜我
//10、slice[开始下标,结束下标)截取
console.log(arr5.slice(0,2)); // ['好', '真']
let str5=arr5.toString();
console.log(str5); //字符串 好,真,你
//11、将一组数转换为数组
console.log(Array.of(str5));
</script>
</body>
</html>