JavaScript入门第十七章（内置对象的API）

最新推荐文章于 2024-04-03 11:53:36 发布

海海呐

最新推荐文章于 2024-04-03 11:53:36 发布

阅读量298

点赞数 4

分类专栏： JavaScript基础笔记文章标签： javascript

本文链接：https://blog.csdn.net/m0_56344602/article/details/119579300

版权

JavaScript基础笔记专栏收录该内容

19 篇文章 5 订阅

订阅专栏

1.Date日期对象

1.获取当前日期:let date = new Date();
2.获取日期中的年月日时分秒
3.创建自定义日期

 <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字符串最后一个属性之后，不能有逗号
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格式的数据

JSON.parse(’json格式字符串‘)：将json格式字符串转换成js可以识别的格式（对象或者数组）
JSON.stringify(js对象或者数组)：将js格式的对象或者数组，转换成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入门第十六章（对象经典面试题）

下一章：JavaScript入门第十八章（js作用域及变量预解析）

海海呐

关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
JavaScript入门第十七章（内置对象的API）

1.Date日期对象 1.获取当前日期:let date = new Date(); 2.获取日期中的年月日时分秒 3.创建自定义日期 <script> /** * Date对象：js内置的用于获取当前日期与时间的对象 * 日期：只有年月日 2021/8/10 * 时间：只有时间 20：30：00 * 完整时间：年月日时 2021/8/1
复制链接

扫一扫