javascript的常见对象总结
一、String对象
1.创建String对象
var txt = new String("string");
或者更简单方式:var txt = "string";
2. 属性
- length:字符串的长度
- pototype:就是对对象的一个描述。该描述中如果添加了新功能,那么该对象都会具备这些新功能。
eg:String对象没有去除字符串两边空格的方法,可以给String对象添加一个新功能。
<script>String.prototype.trim=function(){ //prototype.后面的值即为该函数名var start,end;start=0;end=this.length-1;while(start<=end&&this.charAt(start)==" "){start++;}while(start<=end&&this.charAt(end)==" "){end--;}return this.substring(start,end+1); }var str=" a b_cd e ";document.write(str.trim()); //添加到String对象一个新功能,字符串变量可以直接引用
</script>
将这些新函数添加到单独的一个js文档中。可以方便使用。
<script type="text/javascript" src="StringTool.js"></script>
3.常用方法
方法 | 描述 |
---|---|
charAt() | 返回在指定位置的字符。 |
concat() | 连接两个或更多字符串,并返回新的字符串。 |
indexOf() | 返回某个指定的字符串值在字符串中首次出现的位置。 |
includes() | 查找字符串中是否包含指定的子字符串。 |
lastIndexOf() | 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。 |
match() | 查找找到一个或多个正则表达式的匹配。 |
replace() | 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。 |
search() | 查找与正则表达式相匹配的值。 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
split() | 把字符串分割为字符串数组。 |
startsWith() | 查看字符串是否以指定的子字符串开头。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串转换为大写。 |
trim() | 去除字符串两边的空白 |
valueOf() | 返回某个字符串对象的原始值。 |
下面是一些案例演示:
<script type="text/javascript">
//concat()方法
var str1 = "abc";
var str2 = "dfg";
document.write(str1.concat(str2)+"<br/>"); //abcdfg//charAt()方法
var str3 = "abcdefg";
document.write(str3.charAt(20)+"<br/>"); //字符位置不存在,返回空字符串//indexOf()方法
var str4 = "poiuyt";
document.write(str4.indexOf("w")+"<br/>"); //字符不存在,返回-1//split()方法
var str5 = "a-b-c-d";
var arr1 = str5.split("-");
document.write("arr1: "+arr1+"<br/>"); //arr1:a,b,c,d//replace()方法
var str6 = "abcd";
document.write(str6.replace("a","Q")+"<br/>"); //Qbcd//substr()方法和substring()方法
var str7 = "abcdefghuiop";
document.write(str7.substr(5,5)+"<br/>"); //fghui 从第5位开始,向后截取5个document.write(str7.substring(3,5)+"<br/>"); //de 从第3位开始到第5位结束 [3,5)
</script>
二、Array对象
1.创建
创建一个数组,有三种方法。
下面的代码定义了一个名为 myCars的数组对象:
1: 常规方式:
var myCars=new Array();
myCars[0]="Saab";
myCars[1]="Volvo";
myCars[2]="BMW";
2: 简洁方式:
var myCars=new Array("Saab","Volvo","BMW");
3: 字面:
var myCars=["Saab","Volvo","BMW"];
2.常用方法
方法 | 描述 |
---|---|
concat() | 连接两个或更多的数组,并返回结果。 |
indexOf() | 搜索数组中的元素,并返回它所在的位置。 |
join() | 把数组的所有元素放入一个字符串。 |
pop() | 删除数组的最后一个元素并返回删除的元素。 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |
sort() | 对数组的元素进行排序。 |
find() | 返回符合传入测试(函数)条件的数组元素。 |
findIndex() | 返回符合传入测试(函数)条件的数组元素索引。 |
更多方法查看:https://www.runoob.com/jsref/jsref-obj-array.html
下面是一些案例演示:
<script type="text/javascript">var a1 = [1, 1, 1];var a2 = [2, 2];//拼接,返回新的数组var a3 = a1.concat(a2);document.write("a3: " + a3 + "<br/>");//添加元素var a4 = a3.concat(33, 44);document.write("a4: " + a4 + "<br />");//反转a4.reverse();document.write("a4: " + a4 + "<br />");//将数组使用分隔符拼成一个字符串,功能上与split相反var str = a4.join("^_^");document.write("字符串:" + str + "<br/>");//排序//a) . 给字符串数组排序var arr = ['jack', 'Rose', "Tom", "Jerry", "Kate"];document.write("排序前:" + arr + "<hr />");arr.sort();document.write("排序后:" + arr + "<hr />");//b). 字符串类型的数字排序var arr = ["200", "3", "1234", "89", "21"];document.write("排序前:" + arr + "<hr />");arr.sort();document.write("排序后:" + arr + "<hr />");//c). 数字排序,默认也是按字符串的字典顺序排序var arr = [30, 26, 6, 110, 1234];document.write("排序前:" + arr + "<hr />");//排序器arr.sort(function (m, n) {return n-m;});document.write("排序后:" + arr + "<hr />");
</script>
三、Date对象
1.创建对象
Date 对象用于处理日期与时间。
以下四种方法可以创建 Date 对象:
var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
2.常用方法
方法 | 描述 |
---|---|
getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
getFullYear() | 从 Date 对象以四位数字返回年份。 |
getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
更多方法查看:https://www.runoob.com/jsref/jsref-obj-date.html
四、Math对象
方法 | 描述 |
---|---|
abs(x) | 返回 x 的绝对值。 |
acos(x) | 返回 x 的反余弦值。 |
asin(x) | 返回 x 的反正弦值。 |
atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 |
atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。 |
ceil(x) | 对数进行上舍入。 |
cos(x) | 返回数的余弦。 |
exp(x) | 返回 Ex 的指数。 |
floor(x) | 对 x 进行下舍入。 |
log(x) | 返回数的自然对数(底为e)。 |
max(x,y,z,...,n) | 返回 x,y,z,...,n 中的最高值。 |
min(x,y,z,...,n) | 返回 x,y,z,...,n中的最低值。 |
pow(x,y) | 返回 x 的 y 次幂。 |
random() | 返回 0 ~ 1 之间的随机数。 |
round(x) | 四舍五入。 |
sin(x) | 返回数的正弦。 |
sqrt(x) | 返回数的平方根。 |
tan(x) | 返回角的正切。 |
五、Number函数
JavaScript 只有一种数字类型。
可以使用也可以不使用小数点来书写数字。
NaN - 非数字值
NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。
你可以使用 isNaN() 全局函数来判断一个值是否是 NaN 值。
var x = 1000 / "Apple";
isNaN(x); // 返回 true
var y = 100 / "1000";
isNaN(y); // 返回 false
属性:
属性 | 描述 |
---|---|
Number.MAX_VALUE | 最大值 |
Number.MIN_VALUE | 最小值 |
Number.NaN | 非数字 |
Number.NEGATIVE_INFINITY | 负无穷,在溢出时返回 |
Number.POSITIVE_INFINITY | 正无穷,在溢出时返回 |
Number.EPSILON |
表示 1 和比最接近 1 且大于 1 的最小 Number 之间的差别 |
Number.MIN_SAFE_INTEGER | 最小安全整数。 |
Number.MAX_SAFE_INTEGER | 最大安全整数。 |
方法:
方法 | 描述 |
---|---|
Number.parseFloat() | 将字符串转换成浮点数,和全局方法 parseFloat() 作用一致。 |
Number.parseInt() |
将字符串转换成整型数字,和全局方法 parseInt() 作用一致。 |
Number.isFinite() | 判断传递的参数是否为有限数字。 |
Number.isInteger() | 判断传递的参数是否为整数。 |
Number.isNaN() | 判断传递的参数是否为 isNaN()。 |
Number.isSafeInteger() | 判断传递的参数是否为安全整数。 |
下面是一些案例演示:
<script type="text/javascript">var a = "123abc123";var i = parseInt(a);//输出123document.write(i+"<br/>");var b = "3.14abc123";i = parseFloat(b);//输出3.14document.write(i);//判断字符串是否为纯数字字符组成var age = "1012";//不是一个数字字符,返回true.document.write(isNaN(age));
</script>
六、全局函数
函数 | 描述 |
---|---|
decodeURI() | 解码某个编码的 URI。 |
encodeURI() | 把字符串编码为 URI。 |
eval() | 计算 JavaScript 字符串,并把它作为脚本代码来执行。 |
isNaN() | 检查某个值是否是数字。 |
Number() | 把对象的值转换为数字。 |
parseFloat() | 解析一个字符串并返回一个浮点数。 |
parseInt() | 解析一个字符串并返回一个整数。 |
String() | 把对象的值转换为字符串。 |
javascript的常见对象总结相关推荐
- JavaScript:JavaScript中常见获取对象元素的方法
介绍: javascript中常见的3种获取元素的方法,分别是通过元素ID.通过标签名字和通过类名字来获取 操作如下: 1.getElementById DOM提供了一个名为getElementByI ...
- JavaScript中常见键盘事件以及BOM中window常用对象
一,键盘事件 keypress键盘按下触发,但是不能识别crtl,shift方向键 keydown键盘按下触发,所有按键都支持,区别于keypress keyup键盘弹起触发 代码展示: docume ...
- php中常见的错误类型有,JavaScript中常见的错误类型有哪些?(详细介绍)
在JavaScript中,当发生错误时会生成描述错误类型的错误对象,此错误对象包含错误类型和编号等信息,这些信息可用于后续处理等,在本篇文章中将给大家介绍常见的错误类型以及如何处理这些错误. Java ...
- Javascript的面对对象的理解 【上】(prototype,函数和对象等概念)
首先先生明一下JavaScript面对对象和Java,c#这种高级语言的面对对象有很较大的不同. JavaScript在面对对象"继承"的时候,可以动态的修改修正.换句话说可以动态 ...
- JavaScript(四)—— JavaScript 内置对象/JavaScript 简单数据类型与复杂类型
本篇为 JavaScript 系列笔记第三篇,将陆续更新 JavaScript(一)-- 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型 JavaScript(二)-- ...
- JavaScript 中常见设计模式整理
开发中,我们或多或少地接触了设计模式,但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式.本文意在梳理常见设计模式的特点,从而对它们有比较清晰的认知. JavaScript 中常见设计模 ...
- 对象删除某个属性_充分了解JavaScript中【对象】的概念(二)
点击上方「蓝字」关注我们 之前的文章: 充分了解JavaScript中[对象]的概念(一) 这篇文章我们继续来讲解JavaScript中[对象]的概念,因为这是一系列的文章,所以建议从第一篇文章开始看 ...
- Javascript中的对象拷贝(对象复制/克隆)
Javascript中的对象拷贝(对象复制/克隆) 李俊才 CSDN:jcLee95 邮箱:291148484@163.com 1. 对象的引用 要说"拷贝"还要先说"引 ...
- 【笔记】【JavaScript】JSchallenger-Arrays对象-练习笔记
前言 [笔记内容] 关于JSchallenger中Arrays对象题目的复盘 本人的提交.以及做题时的思路 分析作者答案 涉及的知识快速了解,注意:并不深入分析具体知识,只是围绕题目展开 [笔记目的] ...
最新文章
- MySQL—04—MySQL的其他对象
- PowerDesigner逆向生成
- 5.1matlab数据统计分析(最大值、最小值、平均值、中值、和、积、累加和、累加积、标准差、相关系数、排序)
- 详解python的super()的作用和原理
- 二叉树的基本操作及哈夫曼编码/译码系统的实现
- at sixes and sevens用法
- 学mysql需要学python吗_python 学习 第六篇 mysql
- python和java先学哪个-java和python先学哪个
- 【向生活低头】如何在Gold Wave软件中为声音添加背景音乐
- DOX-HMDN-PEI 阿霉素-二氧化锰-聚乙烯亚胺/PEI-g-PLO(DCA) 聚鸟氨酸-聚乙烯亚胺
- 【2022国赛模拟】摆(bigben)——行列式、杜教筛
- 雄智影视直播王 bt
- 读书笔记:忍耐的艺术
- 2020年汽车驾驶员(初级)考试平台及汽车驾驶员(初级)模拟考试软件
- 开源投资回报率高达4倍!欧盟委员会全力推动开源软件发展
- 一次勒索病毒攻击,让1500万用户“停跑”
- Hadoop数据库性能调优指南
- 计算机英语新词的认知语义阐释论文,计算机英文专业论文题目 计算机英文论文题目怎样定...
- 解析12G服务器PERC阵列卡
- docker-机器学习/深度学习模型部署的容器化方案