JS新手入门笔记整理:对象

  • 对象可以分为两种:一种是“自定义对象”,另外一种是“内置对象”。自定义对象,指的是需要我们自己定义的对象。内置对象,指的是不需要我们自己定义的(即系统已经定义好的)、可以直接使用的对象。
  • 在JavaScript中,常用的内置对象有4种,字符串对象(String)、数组对象(Array)、日期对象(Date)、数值对象(Math)。

📌字符串对象:String

获取字符串长度

语法

字符串名.length

调用对象的属性时,要用到点运算符(.),可以将其理解为“的”,如str.length可以看成“str的length(长度)”。


字符串大小写转换

  • toLowerCase( )方法将大写字符串转化为小写字符串,
  • toUpperCase( )方法将小写字符串转化为大写字符串。

语法

字符串名.toLowerCase( )
字符串名.toUpperCase( )

调用对象的方法时,要用到点运算符(.)。但是属性和方法不太一样,方法后面需要加上小括号( ),而属性则不需要。


获取字符串中某一个字符

charAt( )方法用来获取字符串中的某一个字符。

语法

字符串名.charAt(n)
  • n是整数,表示字符串中的第(n+1)个字符。注意,字符串第1个字符的下标是0,第2个字符的下标是1,……,第n个字符的下标是(n-1),以此类推。
  • 在字符串中,空格也是作为一个字符来处理的。

截取字符串

substring( ) 方法用来截取字符串的某一部分。

语法

字符串名.substring(start,end)
  • tart表示开始位置,end表示结束位置。start和end都是整数,一般都是从0开始,其中end大于start。
  • substring(start,end)的截取范围为“[start,end)”,也就是包含start,但不包含end。其中,end可以省略。当end省略时,截取的范围为“start到结尾”。

替换字符串

replace( )方法可以用一个字符串替换另外一个字符串的某一部分。

语法

字符串名.replace(原字符串,替换字符串)字符串名.replace(正则表达式,替换字符串)

分割字符串

split( )方法用来把一个字符串分割成一个数组,这个数组存放的是原来字符串的所有字符片段。有多少个片段,数组元素个数就是多少。

语法

字符串名.split("分割符")
  • 分割符可以是一个字符、多个字符或一个正则表达式。此外,分割符不作为返回的数组元素的一部分。
  • split( )方法有两个参数:第1个参数表示分割符,第2个参数表示获取“分割之后的前n个元素”。
  • split(“ ")两个引号之间有空格,表示用空格作为分割符来分割。split(“"),两个引号之间没有空格,可以用来分割字符串的每一个字符。

检索字符串的位置

  • indexOf( )方法可以找出“某个指定字符串”在字符串中“首次出现”的下标位置。
  • lastIndexOf( )方法可以找出“某个指定字符串”在字符串中“最后出现”的下标位置。

语法

字符串名.indexOf(指定字符串)字符串名.lastIndexOf(指定字符串)
  • 如果字符串中不包含“指定字符串”,indexOf( )或lastIndexOf( )会返回-1。
  • indexOf( )和lastIndexOf( )不仅可以用于检索字符串,还可以用于检索单个字符。

📌数组对象:Array

“数组”可以用来存储一组“相同数据类型”(一般情况下)的数据。数组是“引用数据类型”,可以含有多个值。而基本数据类型只有一个值。


数组的创建

可以使用new关键字来创建一个数组。创建数组的常见形式有两种:一种是“完整形式”,另外一种是“简写形式”。

语法

var 数组名=new Array(元素1,元素2,……,元素n);  //完整形式var 数组名=[元素1,元素2,……,元素n];       //简写形式

数组的获取

获取数组某一项的值,可以采用“下标”的方式来获取。

语法

var 数组名=[元素1,元素2,……,元素n];       //简写形式n=数组名[n]

n代表下表位置取整数,数组的下标是从0开始的,不是从1开始的。


数组的赋值

通过数组下标的方式可以给某一项赋一个新的值,或者给数组多增加一项。

语法

arr[i]=值;

获取数组长度

length属性用来获取数组的长度。

语法

数组名.length

截取数组某部分

slice( )方法用来获取数组的某一部分。slice,是“切片”的意思。

语法

数组名.slice(start,end);
  • start表示开始位置,end表示结束位置。start和end都是整数,都是从0开始,其中end大于start。
  • slice(start,end)的截取范围为[start,end),也就是“包含start但不包含end”。其中,end可以省略。当end省略时,获取的范围为“start到结尾”。

添加数组元素

在数组开头添加元素:unshift( )

unshift( )方法可以在数组开头添加新元素,并且可以得到一个新的数组(也就是原数组变了)。

语法

数组名.unshift(新元素1,新元素2,……,新元素n)

在数组结尾添加元素:push( )

push( )方法可以在数组结尾添加新元素,并且可以得到一个新的数组(也就是原数组变了)。

语法

数组名.push(新元素1,新元素2,……,新元素n)

删除数组元素

删除数组中第一个元素:shift( )

shift( )方法用来删除数组中的第一个元素,并且可以得到一个新的数组。

语法

数组名.shift( )

删除数组最后一个元素:pop( )

pop( )方法用来删除数组的最后一个元素,并且可以得到一个新数组。

语法

数组名.pop( )

比较数组大小

语法

数组名.sort(函数名)

“函数名”是定义数组元素排序的函数的名称。


颠倒数组顺序

reverse( )方法用来实现数组中所有元素的反向排列,也就是颠倒数组元素的顺序。reverse,是“反向”的意思。

语法

数组名.reverse( );

将数组元素连接成字符串

join( )方法用来将数组中的所有元素连接成一个字符串。

语法

数组名.join("连接符");

连接符是可选参数,是连接元素之间的符号。默认情况下,一般会采用英文逗号(,)作为连接符。如果想要实现字符之间没有任何东西,用 (“ ”) 作为连接符。


📌时间对象:Date

在JavaScript中,我们可以使用时间对象Date来处理时间。

语法

var 日期对象名 = new Date( );

创建一个日期对象,必须使用new关键字。其中Date对象的方法有很多,主要分为两大类:getXxx( )和setXxx( )。getXxx( )用于获取时间,setXxx( )用于设置时间。

获取时间:getXxx( )

方法

说明

getFullYear()

获取年份,取值为4位数字

getMonth()

获取月份,取值为0(一月)到11(十二月)之间的整数

getDate()

获取日数,取值为1~31的整数

getHours()

获取小时数,取值为0~23的整数

getMinutes()

获取分钟数,取值为0~59的整数

getSeconds()

获取秒数,取值为0~59的整数

设置时间:setXxx( )

方法

说明

setFullYear()

可以设置年、月、日

setMonth()

可以设置月、日

setDate()

可以设置日

setHours()

可以设置时、分、秒、毫秒

setMinutes()

可以设置分、秒、毫秒

setSeconds()

可以设置秒、毫秒


获取年、月、日

语法

var d=new Date( );              // 获取时间对象
var Day=d.getDate( );           // 获取日数
var Month=d.getMonth( )+1;      // 获取月份
var Year=d.getFullYear( );      // 获取年份

getMonth( )方法的返回值是0(一月)到11(十二月)之间的整数,所以必须加上1,这样月份才正确。


设置年、月、日

语法

时间对象.setFullYear(year,month,day);           // 设置年、月、日
时间对象.setMonth(month,day);                   // 设置月、日
时间对象.setDate(day);                          // 设置日
  • year表示年,用一个4位的整数表示,如2017、2020等。
  • month表示月,用0~11的整数表示。其中0表示1月,1表示2月,以此类推。
  • day表示日,用1~31的整数表示。

获取时、分、秒

语法

var d=new Date( );              // 获取时间对象
var Hours=d. getHours( );       // 获取小时数
var Minutes=d. getMinutes( );   // 获取分钟数
var Seconds=d.getSeconds( );    // 获取秒数

设置时、分、秒

语法

时间对象.setHours(hour,min,sec,millisec);          // 设置时、分、秒、毫秒。
时间对象.setMinutes(min,sec,millisec);             // 设置分、秒、毫秒。
时间对象.setSeconds(sec,millisec);                 // 设置秒、毫秒。
  • hour 表示时,取值为0~23的整数。
  • min 表示分,取值为0~59的整数。
  • sec 表示秒,取值为0~59的整数。
  • millisec 表示毫秒,取值为0~999的整数。

获取星期数

getDay( )方法用来获取表示今天是星期几的一个数字。

语法

时间对象.getDay( );

getDay( )会返回一个数字,其中0表示星期天,1表示星期一,……,6表示星期六。


📌数学对象:Math

在JavaScript中,可以使用Math对象的属性和方法来实现各种运算。Math对象提供了大量“内置”的数学常量和数学函数。Math对象可以直接使用它的属性和方法。

语法

Math.属性
Math.方法

Math对象的属性

Math对象的属性

属性

说明

对应的数学形式

PI

圆周率

π

LN2

2的自然对数

In(2)

LN10

10的自然对数

In(10)

LOG2E

以2为底的e的对数

Log2e

LOG10E

以10为底的e的对数

log10e

SORT2

2的平方根

√2

SORT1_2

2的平方根的倒数

1/√2

Math对象的属性都是常量,它们都是大写的。


Math对象的方法

Math对象中的方法(常用)

方法

说明

max(a,b,..,n)

返回一组数中的最大值

min(a,b,..,n)

返回一组数中的最小值

sin(x)

正弦

cos(x)

余弦

tan(x)

正切

asin(x)

反正弦

acos(x)

反余弦

atan(x)

反正切

atan2(x)

反正切

floor(x)

向下取整

ceil(x)

向上取整

random()

生成随机数


Math对象中的方法(不常用)

方法

说明

abs(x)

返回×的绝对值

sqrt(x)

返回×的平方根

log(x)

返回×的自然对数(底为e)

pow(x,y)

返回×的y次幂

exp(x)

返回e的指数


生成随机数

random( )方法用来生成0~1的一个随机数。random,是“随机”的意思。这里的0~1包含0但不包含1,也就是[0, 1)。

语法

Math.random( )

使用技巧

随机生成某个范围内的“任意数”

Math.random( )*m

表示生成0~m的随机数,如“Math.random( )*10”表示生成0~10的随机数。

Math.random( )*m+n

表示生成n~m+n的随机数,如“Math.random( )*10+8”表示生成8~18的随机数。

Math.random( )*m-n

表示生成-n~m-n的随机数,如“Math.random( )*10-8”表示生成-8~2的随机数。

Math.random( )*m-m

表示生成-m~0的随机数,如“Math.random( )*10-10”表示生成-10~0的随机数。

随机生成某个范围内的“整数”

Math.floor (Math.random( ) * (5+1))

生成0~5的随机整数

Math. floor (Math. random( )*(m+1))

生成0到m之间的随机整数

Math.floor (Math. random( )*m)+1

生成1到m之间的随机整数(包括1和m)

Math.floor (Math.random( )*(m-n+l)) +n

生成n到m之间的随机整数(包括n和m)


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/608235.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

abp vnext 下载指定版本的项目

开发环境 Win11 vs2022 abp vnext 下载地址:Get Started | ABP.IO 下载abp框架之前,需要先安装CLI,打开命令提示符,执行以下命令即可,这个也可以指定版本下载,这里就不做介绍了,以及删除命令…

【MySQL】数据库之Redis的持久化

目录 一、Redis的高可用 1.1什么是高可用 1.2Redis的高可用技术 1.3持久化功能 1.4Redis持久化的方式 二、Redis的持久化之RDB 2.1RDB持久化的触发方式 触发条件 RDB持久化的触发分为手动触发和自动触发两种。 (1)手动触发 (2&…

‘pip‘ 不是内部或外部命令、ImportError: cannot import name ‘SCHEME_KEYS‘

错误一:启动程序中出现致命错误:无法使用“f:\pythonv\scripts\python.exe” G:\pythonv\scripts\ pip.exe” 错误二:‘pip‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。 错误三:ImportError: cannot import name SCH…

九、分布式锁 —— 超详细操作演示!!!

九、分布式锁 —— 超详细操作演示! 九、分布式锁9.1 分布式锁的工作原理9.2 问题引入9.2.1 场景9.2.2 实现9.2.3 分析 9.3 setnx 实现方式9.3.1 原理9.3.2 实现9.3.3 问题 9.4 为锁添加过期时间9.4.1 原理9.4.2 实现9.4.3 问题 9.5 为锁添加标识9.5.1 原理9.5.2 实…

嵌入式-C语言-江科大-指针的详解与应用

文章目录 一:计算机存储机制二:定义指针三:指针的操作四:数组与指针五:指针的应用道友:最清晰的脚印,踩在最泥泞的道路上。 推荐视频配合我的笔记使用 [C语言] 指针的详解与应用-理论结合实践&a…

Excel5:自动化周报的制作

自动化周报的数据引用来源于8月成交数据-纯数值表格,因为8月成交数据表格中部分单元格中有vlookup函数,且存在跨表连接。 对于跨表连接的解释和说明? 首先打开我们之前做好的成交数据。打开后我们可以看到这上面出现了一个安全警告&#xff0…

python实现目录和文件管理

目录 一:模块介绍: 二:目录创建 三:目录删除 四:目录复制 五:目录移动 六:文件创建 七:文件删除 八:文件读取 一:模块介绍: Python的os和…

基于 Python 构建网页版年终海报模板

文章目录 前言创建 Flask 应用定义 Flask 路由主题HTML模板静态文件存放用户选择与海报生成优势和未来扩展 前言 在创建一个网页版年终海报模板的过程中,我们将使用 Python 的 Flask 作为后端 Web 框架,Jinja2 作为模板引擎,以及 HTML、CSS …

连接两个路由器的有线连法,关键时候可能会发挥不小的作用

路由器网桥连接两个或多个路由器,以扩展网络范围,提供额外的以太网端口和无线接入点。但在开始之前,你必须首先决定如何使用每个路由器。因此,你需要知道你想要实现什么,并清楚地了解你对每台设备的期望。 例如你想扩…

Javaweb之Mybatis的动态SQL的详细解析

3. Mybatis动态SQL 3.1 什么是动态SQL 在页面原型中,列表上方的条件是动态的,是可以不传递的,也可以只传递其中的1个或者2个或者全部。 而在我们刚才编写的SQL语句中,我们会看到,我们将三个条件直接写死了。 如果页面…

你的策略盈利能力怎么样?谈谈伦敦金的回测交易

建立了一个交易系统后,投资者如何测试其有效性呢?有的人会提出让投资者尝试着在实盘或者模拟交易中应用,这个方法是好,但花费的时间较长。有人会就建议,让投资者去做回测。回测是指投资者选定一段历史行情之后&#xf…

Linux 期末复习

Linux 期末复习 计算机历史 硬件基础 1,计算机硬件的五大部件:控制器、运算器、存储器、输入输出设备 2,cpu分为精简指令集(RISC)和复杂指令集(CISC) 3,硬件只认识0和1,最小单位是bit,最小存储单位是字…

React 类组件和函数组件

组件component 一.概念 Element VS Component (元素与组件) //不成文的约定:元素小写,组件大写 const divReact.createElement(div,...) 这是一个React元素(小写) const Div()>React.createElement(div,...) 这是一个React组件(大写) 什么是组件? 能跟其他…

FineBI实战项目一(8):每天每小时订单笔数

1 明确数据分析目标 统计每个小时产生的订单个数 2 创建用于保存数据分析结果的表 create table app_hour_orders(id int primary key auto_increment,daystr varchar(20),hourstr varchar(20),cnt int ); 3 编写SQL语句进行数据分析 selectsubstring(createTime,1,10) as …

如何向管理层制作出优秀的经营分析报告?

在数字化时代,企业不管规模大小,不管是哪个行业,都会有月度、季度、年度经营分析会议,有些是复盘性的,有些是决策性的,面对企业管理层,如何制作出让领导满意且有价值的经营分析报告?…

希尔顿花园酒店喜迎入华十周年里程碑

【2024年1月8日,中国,上海】作为希尔顿集团旗下标志性高端精选服务酒店品牌,希尔顿花园酒店于今年正式迎来其在华经营十周年的里程碑。自2014年中国首家希尔顿花园酒店在深圳开业以来,中国市场已经成为希尔顿花园酒店全球增长的重…

服务器里面打开浏览器访问不了会是什么原因

我们在日常使用服务器的过程中,时常会有遇到各类情况,近日就有遇到用户联系到德迅云安全,反馈自己在服务器里面打不开浏览器,服务器里面没有网络无法访问的情况。那我们今天就来讲下服务器里面打不开网站可能是由哪些原因导致。 …

奇偶链表00

题目链接 奇偶链表 题目描述 注意点 在 O(1) 的额外空间复杂度和 O(n) 的时间复杂度下解决这个问题偶数组和奇数组内部的相对顺序应该与输入时保持一致 解答思路 奇数组的头节点是head,偶数组的头节点是head.next,关键是要改变每个节点的next指针及…

PPT插件-布局参考-增加便携尺寸功能

PPT自带的尺寸为很久的尺寸,很多尺寸不常用,这里增加一些画册尺寸,用于PPT排版设计。 软件介绍 PPT大珩助手是一款全新设计的Office PPT插件,它是一款功能强大且实用的PPT辅助工具,支持Wps Word和Office Word&#x…

众和策略:尔滨!6连板!

1月9日,A股首要指数早盘震动上行。到午间收盘,沪指涨0.34%,深证成指涨0.36%,创业板指涨0.48%,北向资金净买入10.65亿元。 盘面上,冰雪游带火A股商场相关概念股,抢手股大连圣亚、长白山再封涨停…