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.hqwc.cn/news/333502.html

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

相关文章

【Leetcode】240. 搜索二维矩阵 II

【Leetcode】240. 搜索二维矩阵 II

一、题目 1、题目描述 编写一个高效的算法来搜索 m x n 矩阵 matrix 中的一个目标值 target 。该矩阵具有以下特性： 每行的元素从左到右升序排列。每列的元素从上到下升序排列。示例1： 输入：matrix = [[1,4,7,11,15],[2,5,8,12,19],[3,6,9,16,22],[10,13,14,17,24],[18,21…
阅读更多...
Windows 双网卡链路聚合解决方案

Windows 双网卡链路聚合解决方案

Windows 双网卡链路聚合解决方案 链路聚合方案1：Metric介绍操作 方案2：NetSwitchTeam介绍操作 方案3：NIC介绍操作 方案4：Intel PROSet 链路聚合 指将多个物理端口汇聚在一起，形成一个逻辑端口，以实现出/入…
阅读更多...
Flutter 监听前台和后台切换的状态

Flutter 监听前台和后台切换的状态

一 前后台的切换状态监听 混入 WidgetsBindingObserver 这个类，这里提供提供了程序状态的一些监听 二 添加监听和销毁监听 overridevoid initState() {super.initState();//2.页面初始化的时候，添加一个状态的监听者WidgetsBinding.instance.addObserver…
阅读更多...
FineBI实战项目一（4）：指标分析之每日订单总额/总笔数

FineBI实战项目一（4）：指标分析之每日订单总额/总笔数

1 明确数据分析目标 统计每天的订单总金额及订单总笔数 2 创建用于保存数据分析结果的表 use finebi_shop_bi;create table app_order_total(id int primary key auto_increment,dt date,total_money double,total_cnt int ); 3 编写SQL语句进行数据分析 selectsubstring(c…
阅读更多...
【网络技术】【Kali Linux】Wireshark嗅探（七）超文本传送协议（HTTP）

【网络技术】【Kali Linux】Wireshark嗅探（七）超文本传送协议（HTTP）

一、实验目的 本次实验使用Wireshark流量分析工具进行网络嗅探，旨在了解超文本传送协议（HTTP）的工作原理。 二、HTTP协议概述 超文本传送协议（ H yper T ext T ransfer P rotocol, HTTP）是互联网应用层的一个重要协…
阅读更多...
方波 离散傅里叶级数 MATLAB

方波 离散傅里叶级数 MATLAB

%方波 离散时间傅里叶变换 L 5; N 10; k [-N/2:1:N/2]; %占空比 基本周期 离散时间的参数 xn [ones(1,L),zeros(1,N-L)]; %生成方波序列 XK dfs(xn,N); magXK abs([XK(N/21:N),XK(1:N/21)]); subplot(2,2,3); stem(k,magXK); axis([-N/2,N/2,-0.5,5.5]); xlabel(k); y…
阅读更多...
高级别智能驾驶业务系列：港口作业仿真系统

高级别智能驾驶业务系列：港口作业仿真系统

在港口无人水平运输场景中，经纬恒润提供了车、路、网、云、图全栈式自研解决方案，包含了自动驾驶车辆、路侧车路协同、全场高可靠定位、5G远程驾驶、运营调度管理、数字孪生、仿真系统、 高精地图等专业模块，组成了一套完整的智慧港口解决方案…
阅读更多...
word技巧

word技巧

word这个东西有的时候令人又爱又恨，很多用上的时候都是因为自己贫瘠的技巧而令人抓狂，比如设置一个页脚和页眉，首页如何不同？目录页如何设置罗马数字？页眉前面几页不要横线，后面几页要横线，谨以…
阅读更多...
基于SpringBoot的员工健康管理系统

基于SpringBoot的员工健康管理系统

文章目录 项目介绍主要功能截图：部分代码展示设计总结项目获取方式 🍅 作者主页：超级无敌暴龙战士塔塔开 🍅 简介：Java领域优质创作者🏆、 简历模板、学习资料、面试题库【关注我，都给你】 &…
阅读更多...
多模态推荐系统综述：二、特征交互 Fusion

多模态推荐系统综述：二、特征交互 Fusion

二、Fusion 融合不同的多模态信息，与bridge相比，融合更关注项目之间的多模态内部关系。 它可以灵活地融合不同权重和焦点的多模态信息。 注意机制是应用最为广泛的特征融合。 2.1 粗粒度注意力。 一些模型应用注意力机制在粗粒度级别融合来自多种模式…
阅读更多...
OpenBLAS 的静态库命名分析 — — 以 x86_64 的静态库为例

OpenBLAS 的静态库命名分析 — — 以 x86_64 的静态库为例

在不同的机器上，生成的openblas生成的lib的名字可能是这样的： libopenblas_skylakexp-r0.3.26.dev.a libopenblas_skylakexp-r0.3.26.dev.so 也可能是这样的： liblapack_static_haswellp-r0.3.25.dev.a libopenblas_haswellp-r0.3.26.dev…
阅读更多...
【华为】IPsec VPN 实验配置（动态地址接入）

【华为】IPsec VPN 实验配置（动态地址接入）

【华为】IPsec VPN 实验配置（动态地址接入） 注意实验需求配置思路配置命令拓扑R1基础配置配置第一阶段 IKE SA配置第二阶段 IPsec SA ISP_R2基础配置 R3基础配置配置第一阶段 IKE SA配置第二阶段 IPsec SA PCPC1PC2 检查建立成功查看命令清除IKE / IPsec…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023