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

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

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

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 Qt GUI设计:将UI文件转换Python文件三种妙招(基础篇—2)

在开始本文之前提醒各位朋友,Python记得安装PyQt5库文件,Python语言功能很强,但是Python自带的GUI开发库Tkinter功能很弱,难以开发出专业的GUI。好在Python语言的开放...

Connect 2.0来了,还有Nuke和Maya新集成

ftrackConnect2.0现在可以下载了--重新设计的桌面应用程序,使用户能够将ftrackStudio与创意应用程序集成,发布资产等。这个新版本的发布中还有两个Nuke和Maya新集成,...

Magicgui:不会GUI编程也能轻松构建Python GUI应用

什么是MagicguiMagicgui是一个Python库,它允许开发者仅凭简单的类型注解就能快速构建图形用户界面(GUI)应用程序。这个库基于Napari项目,利用了Python的强大类型系统,使得...

Python入坑系列:桌面GUI开发之Pyside6

阅读本章之后,你可以掌握这些内容:Pyside6的SignalsandSlots、Envents的作用,如何使用?PySide6的Window、DialogsandAlerts、Widgets...

Python入坑系列-一起认识Pyside6 designer可拖拽桌面GUI

通过本文章,你可以了解一下内容:如何安装和使用Pyside6designerdesigner有哪些的特性通过designer如何转成python代码以前以为Pyside6designer需要在下载...

pyside2的基础界面(pyside2显示图片)

今天我们来学习pyside2的基础界面没有安装过pyside2的小伙伴可以看主页代码效果...

Python GUI开发:打包PySide2应用(python 打包pyc)

之前的文章我们介绍了怎么使用PySide2来开发一个简单PythonGUI应用。这次我们来将上次完成的代码打包。我们使用pyinstaller。注意,pyinstaller默认会将所有安装的pack...

使用PySide2做窗体,到底是怎么个事?看这个能不能搞懂

PySide2是Qt框架的Python绑定,允许你使用Python创建功能强大的跨平台GUI应用程序。PySide2的基本使用方法:安装PySide2pipinstallPy...

pycharm中conda解释器无法配置(pycharm安装的解释器不能用)

之前用的好好的pycharm正常配置解释器突然不能用了?可以显示有这个环境然后确认后可以conda正在配置解释器,但是进度条结束后还是不成功!!试过了pycharm重启,pycharm重装,anaco...

Conda使用指南:从基础操作到Llama-Factory大模型微调环境搭建

Conda虚拟环境在Linux下的全面使用指南:从基础操作到Llama-Factory大模型微调环境搭建在当今的AI开发与数据分析领域,conda虚拟环境已成为Linux系统下管理项目依赖的标配工具。...

Python操作系统资源管理与监控(python调用资源管理器)

在现代计算环境中,对操作系统资源的有效管理和监控是确保应用程序性能和系统稳定性的关键。Python凭借其丰富的标准库和第三方扩展,提供了强大的工具来实现这一目标。本文将探讨Python在操作系统资源管...

本地部署开源版Manus+DeepSeek创建自己的AI智能体

1、下载安装Anaconda,设置conda环境变量,并使用conda创建python3.12虚拟环境。2、从OpenManus仓库下载代码,并安装需要的依赖。3、使用Ollama加载本地DeepSe...

一文教会你,搭建AI模型训练与微调环境,包学会的!

一、硬件要求显卡配置:需要Nvidia显卡,至少配备8G显存,且专用显存与共享显存之和需大于20G。二、环境搭建步骤1.设置文件存储路径非系统盘存储:建议将非安装版的环境文件均存放在非系统盘(如E盘...

使用scikit-learn为PyTorch 模型进行超参数网格搜索

scikit-learn是Python中最好的机器学习库,而PyTorch又为我们构建模型提供了方便的操作,能否将它们的优点整合起来呢?在本文中,我们将介绍如何使用scikit-learn中的网格搜...

如何Keras自动编码器给极端罕见事件分类

全文共7940字,预计学习时长30分钟或更长本文将以一家造纸厂的生产为例,介绍如何使用自动编码器构建罕见事件分类器。现实生活中罕见事件的数据集:背景1.什么是极端罕见事件?在罕见事件问题中,数据集是...