百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Js基础31:内置对象(js内置对象和内置函数)

itomcoil 2025-01-26 22:45 27 浏览

js里面的对象分成三大类:

  1. 内置对象
  2. Array Date Math
  3. 宿主对象
  4. 浏览器提供的对象(如bom、dom等等)
  5. 自定义对象
  6. 开发人员自己定义的对象

内置对象 ——

所谓内置对象,就是JavaScript自带的一些功能对象,里面提供了很多常用、实用的属性和方法,我们需要做的就是学习这些属性和方法怎么使用,在需要用的时候直接用就行

1.1、Math

数学对象 - 用于进行一些和数学相关的运算(计算)的

1、Math.random() 生成一个 [0,1) 之间的随机浮点数

?var?r?=?Math.random();
?console.log(r);// 每次执行等到的数字都一样

2、Math.floor(x) 浮点数进行向下取整

?console.log(Math.floor(3.1)); ?// 3
?console.log(Math.floor(3.9)); ?// 3
?console.log(Math.floor(-3.1));?// -4
?console.log(Math.floor(-3.9));?// -4

向下取整就是从这个数字开始,朝数轴的左边找到一个离它最近的整数

3、Math.round(x) 浮点数四舍五入取整

?console.log(Math.floor(3.1)); ?// 3
?console.log(Math.floor(3.9)); ?// 4
?console.log(Math.floor(-3.1));?// -3
?console.log(Math.floor(-3.9));?// -4

4、Math.ceil(x) 浮点数进行向上取整

?console.log(Math.floor(3.1)); ?// 4
?console.log(Math.floor(3.9)); ?// 4
?console.log(Math.floor(-3.1));?// -3
?console.log(Math.floor(-3.9));?// -3

向上取整就是从这个数字开始,朝数轴的左边找到一个离它最近的整数

5、Math.abs(x) 求一个数的绝对值

?console.log(Math.abs(3)); ?// 3
?console.log(Math.abs(-3));?// 3

6、Math.max(x,y...) 求多个数字中的最大值

?console.log(Math.max(10,20)); ?// 20
?console.log(Math.max(8,4,5,7,3));?// 8

这个方法的参数个数是不限定的,想写几个就写几个

7、Math.min(x,y...) 求多个数字中的最小值

?console.log(Math.max(10,20)); ?// 10
?console.log(Math.max(8,4,5,7,3));?// 3

这个方法的参数个数是不限定的,想写几个就写几个

练习:

求[10,100]之间的随机整数

?Math.floor(Math.random()*(max-min+1)+min)

1.2、Array对象

1、push()从数组最后增加成员

?var?aList?=?[1,2,3,4];
?var?res?=?aList.push(5);
?console.log(res); ? ??//5 ? ? ? ? ? ? 返回添加元素后,数组的长度
?console.log(aList); ??//[1,2,3,4,5] ? 原数组。改变

2、pop()从数组最后删除成员

?var?aList?=?[1,2,3,4];
?var?res?=?aList.pop();
?console.log(res);?? ?//4 ? ? ? ? ? 返回被删除的元素
?console.log(aList); ??//[1,2,3] ? ? 原数组。改变

3、unshift()从数组前面增加成员

?var?aList?=?[1,2,3,4];
?var?res?=?aList.unshift(5);
?console.log(res); ? ??//5 ? ? ? ? ? ? 返回添加元素后,数组的长度
?console.log(aList); ??//[5,1,2,3,4] ? 原数组。改变

4、shift()从数组前面删除成员

?var?aList?=?[1,2,3,4];
?var?res?=?aList.shift();
?console.log(res);?? ?//1 ? ? ? ? ? 返回删除的元素
?console.log(aList); ??//[2,3,4] ? ? 原数组。改变

5、reverse() 将数组反转

?var?aList?=?[1,2,3,4];
?var?res?=?aList.reverse();
?console.log(res);?? ?//[4,3,2,1] ? ? 返回翻转后的数组
?console.log(aList); ??//[4,3,2,1] ? ? 原数组。改变

6、splice(index,多少,项1,项2...) : 返回删除的项目删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个项,来替换那些被删除的元素(如果没有,则不替换)

?var?aList?=?[1,?2,?3,?4];
?var?res?=?aList.splice(2,?1,'a','b');
?console.log(res); ? ? ??//[3] ? ? ? ? ? ? ? 返回切割掉的元素
?console.log(aList); ? ??//[1,2,'a','b',4] ? 原数组。改变

以下的方法不会改变原数组

7、slice(start,end): 返回切割项目选取从数组 start位置 到数组的 end位置(不包含end位置) 所有元素,如果没有end,选取从 start 到数组结尾的所有元素

?var?aList?=?[1,2,3,4];
?var?res?=?aList.slice(0,2);
?console.log(res); ? ?//[1,2] ? ? ? ? ? 返回切割掉的元素
?console.log(aList); ?//[1,2,3,4] ? ? ? 原数组。不变

8、indexOf() 返回数组中元素第一次出现的索引值

?var?aList?=?[3,2,"a",1,2,3,"a"];
?var?res?=?aList.indexOf("a");
?console.log(res);?? ?//2
?
?var?res2?=?aList.indexOf("a",3);
?console.log(res2)

9、join() 将数组成员通过一个分隔符合并成字符串

?var?aList?=?[1,2,3,4];
?var?res?=?aList.join('-');
?console.log(res); ? ??//1-2-3-4 ? ? 返回合并后的字符串
?console.log(aList); ??//[1,2,3,4] ? 原数组。不变

10、forEach 遍历数据的方法

?// 作用:遍历数组
?arr.forEach(function(item,index){
???item?是数组里面的每个元素
???index?是数组的每个索引
?})

11、filter 数组筛选之后返回新数组

?// 作用:把数组中满足条件的元素,放到一个新的数组里面
?var?result?=?arr.filter(function(item,index){
???return?条件
??? ?// item就是当前遍历到的这个元素, index是这个元素索引
??? ??return?item?>?20
?});

12、map 数据处理之后返回新数组

?var?newArr?=?arr.map(function(item,index){
??? ?item+=3;
??? ?return?item;
?})

1.3、String内置对象

1、字符串合并操作:“ + ”

?var?num1?=?123;
?var?str2?=?'def';
?console.log(str1+str2)?// 123def

2、split() 把一个字符串按某种方式分隔成字符串组成的数组

?var?str2?=?'a-b-c';
?var?arr2?=?str4.split('-');
?console.log(arr4)?// ['a','b','c']

3、charAt() 获取字符串中的某一个字符

?var?str3?=?'hello word'
?var?res?=?str3.charAt(2)
?console.log(res)//l

4、indexOf() 查找字符串是否含有某字符(和数组一样的使用方式)

5、substring() 截取字符串 用法:substring(start,end)(不包括end)截取从star开始,到end之间的字符串

如果只传一个值,表示从这个位置开始,一致截取到字符串末端

?注意: ?substring是以两个参数中较小一个作为起始位置,较大的参数作为结束位置
?var?test?=?'hello world';
?alert(test.substring(7,4));?//o w
?
?注意:?如果substring里面碰到负数,则干脆将负参数都直接转换为0
?var?test?=?'hello world'
?alert(test.substring(-3)); ? ??//hello world
?alert(test.slice(3,-4)); ? ? ??//lo w

6、substr(index,n) : 从index索引位置开始截取,截取n个字符

如果只传一个值,表示从这个位置开始,一致截取到字符串末端

7、toUpperCase() 字符串转大写8、toLowerCase() 字符串转小写9、replace(旧字符, 新字符) 该方法会返回一个新字符串,原字符串不改变

?var?str9?=?'hello word'
?var?res?=?str.replace('word','hhhhhhhh')
?console.log(res)// hello hhhhhhhh

1.4、Date内置对象

?var?date?=?new?Date();
?// 获取年份
?var?year?=?date.getFullYear();
?console.log(year);
?// 获取月份 , 得到的月份是从0开始的 ,使用 0-11 表示 1-12 月
?var?month?=?date.getMonth()+1;
?console.log(month);
?// 获取天 几号
?var?day?=?date.getDate();
?console.log(day);
?// 获取星期数
?var?d?=?date.getDay();
?// 获取小时
?var?h?=?date.getHours();
?console.log(h);
?// 获取分钟
?var?m?=?date.getMinutes();
?console.log(m);
?// 获取秒数
?var?s?=?date.getSeconds();
?console.log(s);
?
?// 获取毫秒
?var?ms?=?date.getMilliseconds();
?// 返回事件戳。1970年1月1日 0时0分0秒到现在的毫秒值
?// 最初计算机操作系统是 32 位,而时间也是用 32 位表示。
?// 最长时间是 68 年
?// 最早出现的 UNIX 操作系统考虑到计算机产生的年代和应用的时限
?// 综合取了 1970 年 1 月 1 日作为 UNIX TIME 的纪元时间
?var?dateTime?=?date.getTime();
?
?// 把需要补0的先补上
?if?(month?

也可以生成一个指定的日期

?1.传入不同的年月日时分秒
?var?d1?=?new?Date(2020,0,1,8,30,59);?// 2020年1月1日 8:30:59
?
?2.传入一个指定的字符串
?var?d2?=?new?Date('2020-01-01');
?
?3.传入一个?大的数字?--?从1970年1月1日开始到某个日期的总共的毫秒数
?var?d3?=?new?Date(1378594320999);

相关推荐

selenium(WEB自动化工具)

定义解释Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。支持的浏览器包括IE(7,8,9,10,11),MozillaF...

开发利器丨如何使用ELK设计微服务中的日志收集方案?

【摘要】微服务各个组件的相关实践会涉及到工具,本文将会介绍微服务日常开发的一些利器,这些工具帮助我们构建更加健壮的微服务系统,并帮助排查解决微服务系统中的问题与性能瓶颈等。我们将重点介绍微服务架构中...

高并发系统设计:应对每秒数万QPS的架构策略

当面试官问及"如何应对每秒几万QPS(QueriesPerSecond)"时,大概率是想知道你对高并发系统设计的理解有多少。本文将深入探讨从基础设施到应用层面的解决方案。01、理解...

2025 年每个 JavaScript 开发者都应该了解的功能

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发。1.Iteratorhelpers开发者...

JavaScript Array 对象

Array对象Array对象用于在变量中存储多个值:varcars=["Saab","Volvo","BMW"];第一个数组元素的索引值为0,第二个索引值为1,以此类推。更多有...

Gemini 2.5编程全球霸榜,谷歌重回AI王座,神秘模型曝光,奥特曼迎战

刚刚,Gemini2.5Pro编程登顶,6美元性价比碾压Claude3.7Sonnet。不仅如此,谷歌还暗藏着更强的编程模型Dragontail,这次是要彻底翻盘了。谷歌,彻底打了一场漂亮的翻...

动力节点最新JavaScript教程(高级篇),深入学习JavaScript

JavaScript是一种运行在浏览器中的解释型编程语言,它的解释器被称为JavaScript引擎,是浏览器的一部分,JavaScript广泛用于浏览器客户端编程,通常JavaScript脚本是通过嵌...

一文看懂Kiro,其 Spec工作流秒杀Cursor,可移植至Claude Code

当Cursor的“即兴编程”开始拖累项目质量,AWS新晋IDEKiro以Spec工作流打出“先规范后编码”的系统工程思维:需求-设计-任务三件套一次生成,文档与代码同步落地,复杂项目不...

「晚安·好梦」努力只能及格,拼命才能优秀

欢迎光临,浏览之前点击上面的音乐放松一下心情吧!喜欢的话给小编一个关注呀!Effortscanonlypass,anddesperatelycanbeexcellent.努力只能及格...

JavaScript 中 some 与 every 方法的区别是什么?

大家好,很高兴又见面了,我是姜茶的编程笔记,我们一起学习前端相关领域技术,共同进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力在JavaScript中,Array.protot...

10个高效的Python爬虫框架,你用过几个?

小型爬虫需求,requests库+bs4库就能解决;大型爬虫数据,尤其涉及异步抓取、内容管理及后续扩展等功能时,就需要用到爬虫框架了。下面介绍了10个爬虫框架,大家可以学习使用!1.Scrapysc...

12个高效的Python爬虫框架,你用过几个?

实现爬虫技术的编程环境有很多种,Java、Python、C++等都可以用来爬虫。但很多人选择Python来写爬虫,为什么呢?因为Python确实很适合做爬虫,丰富的第三方库十分强大,简单几行代码便可实...

pip3 install pyspider报错问题解决

运行如下命令报错:>>>pip3installpyspider观察上面的报错问题,需要安装pycurl。是到这个网址:http://www.lfd.uci.edu/~gohlke...

PySpider框架的使用

PysiderPysider是一个国人用Python编写的、带有强大的WebUI的网络爬虫系统,它支持多种数据库、任务监控、项目管理、结果查看、URL去重等强大的功能。安装pip3inst...

「机器学习」神经网络的激活函数、并通过python实现激活函数

神经网络的激活函数、并通过python实现whatis激活函数感知机的网络结构如下:左图中,偏置b没有被画出来,如果要表示出b,可以像右图那样做。用数学式来表示感知机:上面这个数学式子可以被改写:...