JavaScript 常用对象（String 对象、Array 对象、Date 日期对象、Math 对象）(1)

//length属性

var str1 = “oneStar”;

document.write(str1.length);

document.write(“

---

”);

//bold()：加粗

var str2 = “twoStar”;

document.write(str2.bold());

document.write(“

---

”);

//fontcolor()：设置字符串的颜色

var str3 = “threeStar”;

document.write(str3.fontcolor(“red”));

document.write(“

---

”);

//fontsize()：设置字体大小

var str4 = “fourStar”;

document.write(str4.fontsize(7));

document.write(“

---

”);

//link()：将字符串显示成超链接

var str5 = “fiveStar”;

document.write(str5.link(“…/html/img1.html”));

document.write(“

---

”);

//sub() 和 sup() 方法：上标和下标

var s1 = “2”;

var s2 = “100”;

var s3 = “3”;

document.write(s1.sub());

document.write(s2);

document.write(s3.sup());

document.write(“

---

”);

//concat()：字符串连接

var st1 = “oneStar”;

var st2 = “Lstar”;

document.write(st1,st2);

document.write(“

---

”);

//charAt()：返回指定位置的字符串

var st3 = “twoStar”;

document.write(st3.charAt(3));

document.write(“

---

”);

//indexOf()：返回字符串位置

var st4 = “threeStar”;

document.write(st4.indexOf(“S”));

document.write(“

---

”);

//split()：切分字符串为数组

var st5 = “L-O-V-E”;

var arr = st5.split(“-”);

for(var i=0;i<arr.length;i++){

document.write(arr[i]);

}

document.write(“

---

”);

//replace()：替换字符串

var st6 = “fourStar”;

document.write(st6.replace(“four”,“L”));

document.write(“

---

”);

//substr() 和 substring()：截取指定长度字符串

var st7 = “fiveStar”;

document.write(st7.substr(1,5)); //从第一位开始，向后截取五位

document.write(“
”);

document.write(st7.substring(1,5)); //从第一位开始到第五位结束（不包含第五位）

二、Array 对象

==========

1、属性

---

• length：表示数组的长度

2、常用方法

---

• concat()：将两个数组拼接成一个数组

• join()：根据指定的字符分割数组

• push()：向数组末尾添加元素，并返回新数组的长度，如果添加的是一个数组，会把整个数组当做一个元素添加进去

• pop()：删除最后一个元素并将它返回

• reverse():颠倒数组中元素的顺序

• sort():对数组的元素进行排序

• toString():把数组转换为字符串

三、Date 日期对象

===========

1、创建 Date 日期对象

---

• var myDate=new Date()

2、常用方法

---

Date()	返回当日的日期和时间。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getFullYear()	从 Date 对象以四位数字返回年份。
getYear()	请使用 getFullYear() 方法代替。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份。
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()	返回该对象的源代码。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toDateString()	把 Date 对象的日期部分转换为字符串。
toGMTString()	请使用 toUTCString() 方法代替。
toUTCString()	根据世界时，把 Date 对象转换为字符串。
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC()	根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。
valueOf()	返回 Date 对象的原始值。

四、Math 对象

=========

进行数学运算，里面都是静态方法，直接 Math.方法 调用，常用方法有：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往免费获取

白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

[外链图片转存中…(img-DlB6Yreb-1713499349411)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

[外链图片转存中…(img-rsm37cIW-1713499349411)]

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往免费获取