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

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

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

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 GUI 编程入门教程 第11章:数据库操作与文件管理

11.1数据库操作:与SQLite结合在许多应用中,数据的存储和管理是必不可少的部分。Tkinter本身并不自带数据库支持,但你可以通过Python的sqlite3模块来将数据库功能集成到Tkint...

Python GUI 编程入门教程 第12章:图形绘制与用户交互

12.1图形绘制:Canvas控件Tkinter提供了一个非常强大的控件Canvas,可以用来绘制各种图形,如线条、矩形、圆形等。通过Canvas控件,用户可以在GUI中添加绘图、图像和其他复杂的内...

Python GUI 编程入门教程 第16章:图形绘制与动画效果

16.1使用Canvas绘制图形Tkinter的Canvas控件是一个非常强大的绘图工具,可以用来绘制各种基本图形,如线条、矩形、圆形、文本等。Canvas允许你通过编程创建和修改图形元素,非常适合...

Python GUI 编程入门教程 第10章:高级布局与界面美化

10.1高级布局管理:使用grid和placeTkinter提供了三种常用的布局管理方式:pack、grid和place。在本章中,我们重点介绍grid和place,这两种布局方式相较于pack更加...

手机Python编程神器——AidLearning

【下载和安装】1、让我们一起来看下吧,直接上图。第一眼看到是不是觉得很高逼格,暗黑画风,这很大佬。其实它就是------AidLearning。一个运行在安卓平台的linux系统,而且还包含了许多非常...

Python GUI开发:从零开始创建桌面应用

在数字化时代,桌面应用依然是我们日常生活中不可或缺的一部分。无论是办公软件、游戏还是各种工具,它们都依赖于图形用户界面(GUI)来提供直观的操作体验。Python的wxPython库为我们提供了一个强...

Python界面(GUI)编程PyQt5窗体小部件

一、简介在Qt(和大多数用户界面)中,“小部件”是用户可以与之交互的UI组件的名称。用户界面由布置在窗口内的多个小部件组成。Qt带有大量可用的小部件,也允许您创建自己的自定义和自定义小部件。二、小部件...

自学Python的8个正确顺序仅供参考

今天决定写一个Python新人的自学指南,好多人搞不清楚自学的顺序及路线,今天提供给大家参考一下,其实自学编程真的没有难。1【Python基础】安装并配置Python环境和编译软件Pycharm,这...

Python | Python交互式编程神器_python交互运行

很多Pythoner不怎么喜欢用Python交互式界面编程,例如使用Jupyter工具。感觉交互式编程没有把代码敲完再debug舒服。但是在对一些模块/功能进行调试的时候还是非常香的。例如我在写爬虫程...

Python GUI 编程入门教程 第14章:构建复杂图形界面

14.1界面布局管理在Tkinter中,界面控件的排列是通过布局管理器来实现的。Tkinter提供了三种布局管理器:pack、grid和place,每种布局管理器都有其独特的用途和优势。14.1.1...

Python数据库编程教程:第 1 章 数据库基础与 Python 连接入门

1.1数据库的核心概念在开始Python数据库编程之前,我们需要先理解几个核心概念。数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,它就像一个电子化的文件柜,能让我们高效...

Python GUI 编程入门教程 第1章:Tkinter入门

1.1什么是Tkinter?Tkinter是Python的标准GUI库,它是Python语言的内置模块,无需额外安装。在Tkinter中,我们可以创建窗口、按钮、标签、文本框等常见的GUI元素。1....

用Python做个简单的登录页面_python怎么编写一个登录界面

我们上网时候,很多网站让你登录,没有账号注册会员,不能复制、粘贴都不让你操作。那我们怎么去实现这个窗口呢?很多语言都可以实现,根据你的需求去确定用哪个,这里我们学习python,就用tkinter测...

Python入门学习教程:第 16 章 图形用户界面(GUI)编程

16.1什么是GUI编程?图形用户界面(GraphicalUserInterface,简称GUI)是指通过窗口、按钮、菜单、文本框等可视化元素与用户交互的界面。与命令行界面(CLI)相比,...

推荐系统实例_推荐系统有哪三个部分组成

协同过滤算法:#第14课:推荐系统实践-完整的协同过滤推荐系统示例#1.导入必要的库importpandasaspdfromsklearn.metrics.pairwise...