JavaScript23年随笔之内置对象、简单和复杂数据类型
一、内置对象
可以通过MDN/W3C来查询文档进行学习,但MDN更具有权威性,更长使用。
MDN:https://deveolper.mozilla.org/zh-CN/
内置对象包括Math、Date、String等等;
Math数学对象,不是构造函数,所以不需要new来调用,而是直接使用里面的属性和方法。
1、Math
Math.abs(..);//绝对值
Math.floor();//向下取整,往小了取 floor地板
Math.ceil();//向下取整,往大了取 ceil天花板
Math.round();//四舍五入,但是.5往大了取
Math.random(无参数);//随机数,返回一个随机的小数[0,1)
Math.getRandomInt(min,max);//返回两数之间的随机整数[min,max)
Math.getRandomIntInclusive(min,max);//返回两数之间的随机整数[min,max]
案例(random):实现随机点名
注意:也可以不写4,因为写4就写死了,所以可以写成arr.length-1。
案例(random):猜数字游戏
//提示:如果约定只有10次猜的机会,可以用for
2、Date():处理日期和时间
Date():是个构造函数,必须使用new来调用创建我们的日期对象 注意:要使用Date,必须先var date=new Date();
Date(无参数); //输出当前时间
Date(有参数); //数字型参数2023,02,05→注意:输出比实际月份大一 字符串型参数'2023-2-5 18:4:1'(常用)
日期格式化年月日星期(无参数)如下图:
//注意1:getMonth()+1;
//注意2:可采用数组的方法把星期0~6,改成星期日~星期六
格式化时分秒:
案例(格式化时分秒):返回当前的时分秒
案例(Date):时间戳(总的毫秒数)
案例:倒计时(京东秒杀倒计时)→用时间戳
3、数组对象Array
创建数组的两种方式:
检测是否为数组的两种方法:
案例( 检测是否为数组instanceof):翻转数组
添加删除数组元素的方法:
①添加数组元素的两种方法:
②删除数组元素的两种方法:
③添加删除数组元素的方法归纳:
案例(数组追加元素push()):
reverse();//翻转数组函数
sort(无参数时);//排序无参数;注意:单位数的升序;别的位数的数排序会出问题eg:对13,1,4,77,7进行升序,输出结果为1,13,4,7,77(不正确)
sort(带函数时);用如下的方法排序正确(记忆):
返回数组元素索引号的两种方法:
indexOf(数组元素);lastIndexOf(数组元素);
案例(indexOf()):数组去重(记忆)
数组转换成字符串的两种方法:
toString();join(分隔符也可无参数);
扩充:
4、字符串对象
基本包装类型:
字符串的不可变性:
注意:因为字符串的不可变性,所以不要大量的拼接字符串,会非常占内存空间,运行速度会变得很慢,会变卡,示范如下图:
字符串返回位置:
案例(字符串返回位置indexOf()):
根据位置返回字符:
案例(统计出现次数最多的字符):
拼接以及截取字符串:
扩展:
二、简单数据类型和复杂数据类型
null:
1、数据类型内存分配:
2、简单数据类型传参:
3、复杂数据类型传参:
CSDN-Ada助手: 非常感谢您分享了“vue2.0随笔之下篇”的博客,非常有价值!希望您能一直坚持写作,我们期待您更多的优秀作品。同时,我们也建议您可以尝试撰写“Vue.js 的响应式数据绑定实现原理”这一主题,相信这一篇文章一定会受到大家的关注和喜爱。再次感谢您的分享,期待您的下一篇精彩博客! 2023年博客之星「城市赛道」年中评选已开启(https://activity.csdn.net/creatActivity?id=10470&utm_source=blog_comment_city ), 博主的原力值在所在城市已经名列前茅,持续创作就有机会成为所在城市的 TOP1 博主(https://bbs.csdn.net/forums/blogstar2023?typeId=3152981&utm_source=blog_comment_city),更有丰厚奖品等你来拿~。