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

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

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

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);

相关推荐

第十章:优化设计与自动化工作流(优化设计是)

以下重点讲解优化设计、自动化脚本编写以及与其他工具(如Python、优化算法库)的集成,提升CFD仿真的工程应用效率。目标:掌握参数化扫描、优化算法集成和批量任务管理,实现从单次模拟到自动化设计探索的...

安装python语言,运行你的第一行代码

#01安装Python访问Python官方(https://www.python.org/),下载并安装最新版本的Python。确保安装过程中勾选“Addpython.exetoPAT...

Python安装(python安装的库在哪个文件夹)

Windows系统1.安装python1.1下载Python安装包打开官方网站:https://www.python.org/downloads/点击"DownloadPython3.1...

比pip快100倍的Python包安装工具(python2.7.5安装pip)

简介uv是一款开源的Python包安装工具,GitHubstar高达56k,以性能极快著称,具有以下特性(官方英文原文):Asingletooltoreplacepip,pip-tool...

【跟着豆包AI学Python】Python环境的安装,编写第一个程序

最近几年,人工智能越来越走进人们的日常生活,国内各大公司都推出了自己的AI助手,例如:阿里旗下的通义千问、百度旗下的文心一言、腾讯的腾讯元宝、深度求索的deepseek等,元宝就是字节跳动公司推出的A...

Python3+ 变量命名全攻略:PEP8 规范 + 官方禁忌...

Python3+变量命名规则与约定详解一、官方命名规则(必须遵守)1.合法字符集变量名只能包含:大小写字母(a-z,A-Z)数字(0-9)下划线(_)2.禁止数字开头合法:user_age,...

Python程序打包为EXE的全面指南:从入门到精通

引言在Python开发中,将程序打包成可执行文件(EXE)是分发应用程序的重要环节。通过打包,我们可以创建独立的可执行文件,让没有安装Python环境的用户也能运行我们的程序。本篇文章将详细介绍如何使...

别再纸上谈兵了!手把手教你安装GraalVM,让你的代码瞬间起飞!

各位老铁们,是不是每次看到我吹嘘GraalVM的各种神迹,心里都痒痒的?想让自己的Java程序秒启动?想让Python脚本跑得比平时快好几倍?想体验一把多语言无缝协作的快感?但一想到要下载、配置、敲命...

纠结坏了!从 Python 3.8 升级到 3.14 真有必要吗?

点赞、收藏、加关注,下次找我不迷路"我电脑里装的Python3.8,现在都出3.14了,要不要赶紧升级啊?会不会像手机系统更新一样,越升级越卡?"相信很多刚入门的朋友都有类...

win10下python3.13.3最新版本解释器的下载与安装

一、python3.13.3下载官方下载地址:https://www.python.org/1.浏览器访问https://www.python.org/这个地址,进入python的网站,点击【Dowl...

Python简介与开发环境搭建详细教程

1.1Python简介与开发环境搭建详细教程一、Python语言简介1.Python的核心特点2.Python的应用领域表1.1Python主要应用领域领域典型应用常用库Web开发网站后端D...

python开发小游戏案例(python游戏开发入门经典教程)

#头条创作挑战赛#假设你正在开发一个小型游戏,需要实现角色移动、障碍物生成、碰撞检测等功能。你可以使用Python和Pygame库来开发这个游戏。输入以下命令来安装Pygame:pipinstall...

Python编程:从入门到实践 第十一、二 章 武装飞船

假设我们有一个名为AnonymousSurvey的类,用于收集匿名调查的答案。该类包含以下方法:classAnonymousSurvey:def__init__(self,questi...

「Python系列」python几个重要模块的安装(二)

一、python的pygame的安装:安装地址:https://www.cnblogs.com/charliedaifu/p/9938542.htmlpyagme包下载地址:https://down...

python如何绘制消消乐小游戏(python字母消消乐)

要开发一款消消乐的小游戏界面,我们可以使用Python的pygame库。首先需要安装pygame库,然后创建一个窗口,加载游戏素材,处理游戏逻辑,以及绘制游戏界面。以下是一个简单的消消乐游戏界面实现:...