1.Date日期对象
<script>
/**
* Date对象：js内置的用于获取当前日期与时间的对象
* 日期：只有年月日 2021/8/10
* 时间：只有时间 20：30：00
* 完整时间：年月日时 2021/8/10 20：30：00
*/
// 1.创建一个Date对象
let date = new Date();
/*时间日期打印*/
// 2.打印当前完整时间: （1）默认显示当前电脑的时区时间 （2）打印date时会自动转为字符串 date.toString()
console.log ( date ); // Tue Aug 10 2021 21:12:52 GMT+0800 (中国标准时间)
// 3.打印日期：标准版本
console.log ( date.toDateString () ); // Tue Aug 10 2021
// 4.打印日期：本地版本（当前电脑）
console.log ( date.toLocaleDateString () ); // 2021/8/10
// 5.打印当前时间：标准版本
console.log ( date.toTimeString () ); // 21:12:52 GMT+0800 (中国标准时间)
// 6.打印当前时间：本地版本
console.log ( date.toLocaleTimeString () ); // 下午9:12:52
/*年月日时打印*/
// 1.打印当前年份
console.log ( date.getFullYear () ); // 2021
// 2.打印当前月份 范围：0-11 代表 1-12月
console.log ( date.getMonth () ); // 7 代表下标7 也就是8月
// 3.打印当前日
console.log ( date.getDate () ); // 10
// 4.打印当前星期 范围0-6 代表星期天-星期六
console.log ( date.getDay () ); // 2
// 5.打印时
console.log ( date.getHours () ); // 21
// 6.打印分
console.log ( date.getMinutes () ); // 12
// 7.打印秒
console.log ( date.getSeconds () ); // 52
/**创建自定义日期*/
let date1 = new Date(2020,0,1,12,3,5); // 依次传入 年，月，日，时，分，秒
console.log ( date1 ); // Wed Jan 01 2020 12:03:05 GMT+0800 (中国标准时间)
let date2 = new Date("2022-05-06 12:03:35");
console.log ( date2 ); // Fri May 06 2022 12:03:35 GMT+0800 (中国标准时间)
</script>
2.Array数组对象
数组常用api
-
连接数组：concat() -
==将数组元素拼接成字符串：join() -
删除数组最后一个元素：pop() -
往数组后面添加元素：push() -
翻转数组：reverse() -
删除数组第一个元素：shift() -
查找数组元素：slice() -
数组排序：sort() -
数组遍历：forEach()
<script>
// 我们创建了一个数组对象。此时它就已经拥有了内置对象所有的属性和方法
let arr = [10,20,30];
console.log ( arr.length ); // 访问数组对象的length属性
// 1.连接多个数组:将另一个数组的所有元素都添加到arr的后面
console.log ( arr.concat ( [ 40, 50 ] ) ); // [10,20,30]
// 2.将数组中的每一个元素都拼接成一个字符串
let str = arr.join(); // 10,20,30
console.log ( str );
// 3.删除数组的最后一个元素
arr.pop()//删除数组的最后一个元素
console.log ( arr ); // [10,20]
// 3.往数组的最后面添加一个元素
arr.push(100);
console.log ( arr ); // [10,20,100]
// 4.翻转数组
let newArr = arr.reverse();
console.log ( newArr ); // [100,20,10]
// 5.删除数组的第一个元素
arr.shift();
console.log ( arr ); // [20,10]
// 6.查找一个数组中的某些元素
let arr1 = [10,20,70,40,50,60];
// 第一个参数：start：从那一个下标开始查找 如果为负数则倒着查找
// 第二个参数： end ： 结束位置 start <= 范围 < end
console.log ( arr1.slice ( 1, 3 ) );
// 7.数组排序
// 数组排序方法的参数是一个回调函数：告诉数组内置对象你的排序规则
// 从小到大排序
let sortArr = arr1.sort(function (a,b)
{
return a - b;
});
console.log ( sortArr ); // 从小到大
console.log ( sortArr.reverse () ); // 从大到小 （将从小到大排序好的数组翻转一下即可）
</script>
3.String字符串对象
-
1.获取字符串长度:str.length -
2.获取字符串某一个下标字符:str.charAt() -
3.拼接字符串:str.concat -
4.判断字符串中是否包含某些字符串:str.indexOf() -
5.截取字符串:str.substr() -
6.修改字符串:str.replace() -
7.大小写转换:?str.toLowerCase()小写??str.toUpperCase()大写 -
8.分隔字符串：str.split()
<script>
// 字符串常用API介绍
let str = "山有木兮木有枝，心悦君兮君不知";
// 1 获取字符串长度
let length = str.length;
console.log(length); // 15
// 2 获取字符串某一个下标字符（字符串相当于一个伪数组）
console.log(str[4]); // 木
console.log(str.charAt(4)); // 木 charAt(下标)函数相当于`字符串[下标]`
// 3 拼接字符串
let str1 = str.concat("你好呀"); // 这行代码等价于 let str1 = str + "你好呀";
console.log(str); // 山有木兮木有枝，心悦君兮君不知
console.log(str1);// 山有木兮木有枝，心悦君兮君不知你好呀
// 4 判断一个字符串在不在某个字符串里面
let index1 = str.indexOf("山");// 如果存在，则返回参数字符串首字母所在的下标
let index2 = str.indexOf("君");
let index3 = str.indexOf("海"); // 如果不存在，则返回 -1
console.log(index1, index2, index3); // 0 10 -1
// 5 截取字符串 第一个参数：从哪个下标开始截取 第二个参数：截取的长度
let str2 = str.substr(8, 15);
console.log(str2); // 心悦君兮君不知
// 6 修改字符串 第一个参数：要修改的字符串 第二个参数：修改后的字符串
let str3 = str.replace("君", "卿");
console.log(str); // 山有木兮木有枝，心悦君兮君不知
console.log(str3); // 山有木兮木有枝，心悦卿兮君不知
// 7 大小写转换 (只有英文才有大小写，中文不存在大小写)
console.log("AbCdEfG".toLowerCase()); // 转为小写 abcdefg
console.log("AbCdEfG".toUpperCase()); // 转为大写 ABCDEFG
console.log("中文不存在大小写".toLowerCase()); // 转为小写
// 8 分隔字符串:将字符串按照指定的符号分隔，得到一个数组
let str4 = "你&好&呀";
// 这个函数的返回值一定是一个数组
let arry = str4.split("&"); // 以&符号分隔字符串 [你,好,呀]
console.log(arry); // [你,好,呀]
console.log(str4.split(":")); // ["你&好&呀"] 如果字符串中没有这个分隔符 也会得到一个数组
</script>
4.json字符串
-
json字符串是目前前后端通信的数据载体
-
前端显示的数据是不会写死，都是后台得到 -
后台返回的数据格式最常用就是json字符串
-
json字符串格式：与普通对象一样有属性名和值
-
json字符串的作用
// 后台通常返回数据是一个json字符串：为了让不同语言的平台达到数据统一性
// 1.json字符串，无论键还是值，无论什么数据类型需要双引号（不识别数据类型，都是字符串）
let json = `{
"name" : "海海",
"age" : "18"
}`
// 2.js对象是javascript语言中的对象(识别数据类型)
let js = {
name : "海海",
age : 18,
}
// 3.注意：js对象也是允许属性有引号的，而且不论单双引号都可以
let jsObj = {
'name':'海海',
"age":18
}
// 打印输出
console.log ( json,typeof json ); // 字符串
console.log ( js );
console.log( jsObj );
// 注意：如果json字符串外面没有引号或者反引号（模板字符串），那么就是js对象
5.JSON对象
js内部内置了一个JSON对象，专门用于处理JSON格式的数据
// 1.json字符串，无论键还是值，无论什么数据类型需要双引号（不识别数据类型，都是字符串）
let json = `{
"name" : "海海",
"age" : "18"
}`;
// 上述本质就是一个字符串，符合json格式，但是js依然不方便操作
// console.log(json.name); // undefined
// 2.JSON对象转换：将json字符串转成js的对象（当前是个对象格式）
let jsonObj = JSON.parse(json);
// 3.js对象操作
console.log(jsonObj.name); // 海海
// 4.js将复杂数据传入给其他端(后台登陆)
let loginObj = {
username:'nihaoya', // JSON对象会自动给属性和值改成双引号
password:'niyehaoya'
}
//5.JSON将js对象转成json字符串
let loginJson = JSON.stringify(loginObj);
console.log(loginJson);
?下一章：JavaScript入门第十八章（js作用域及变量预解析 ）
|