热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript常用本地对象小结

这篇文章主要介绍了JavaScript常用本地对象小结的相关资料,需要的朋友可以参考下

一、Javascript是面向对象的编程语言

封装:把相关的信息(无论数据或方法)存储在对象中的能力

聚集:把一个对象存储在另一个对象内的能力

继承:由另一个类(或多个类)得来类的属性和方法的能力。

多态:编写能以多种形态运行的函数或方法的能力

二、Array对象

使用单独的变量名来存储一系列的值。

2.1创建数组对象

var aValues = new Array();
var aValues = new Array(25);
var aColors = new Array("red","green","blue");
alert(aColors[1]);//输出green
aColors[0] = "white"; //修改第一个元素的值
var aColors = new Array();
aColors[0] = "red";
aColors[1] = "green";
aColors[2] = "blue";

2.2使用字面量创建Array

var aColors = ["red","green","blue"];
aColors[3]="black"; 

2.3数组的长度

var aColors = new Array("red","green","blue“);
alert(aColors.length);//输出3 
var aColors = new Array("red","green","blue“);
alert(aColors.length);//输出3
aColors[20]="black";
alert(aColors.length);//输出21
alert(aColors[3]);//输出undefined 

2.4数组的遍历

var subjects=["html/css/js","Web form","ajax","N-Tiers","oracle"];
for(var i=0;i

2.5数组的属性和方法

length 设置或返回数组中元素的数目。

join() 通过指定的分隔符将数组的所有元素拼接成一个字符串。

reverse() 颠倒数组中元素的顺序。

sort() 对数组的元素进行排序

arrayObject.sort(sortby)

参数为可选的。规定排序规则。必须是函数。

返回值为对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

自定义排序规则

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

比较函数应该具有两个参数 a 和 b,其返回值如下:若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。若 a 等于 b,则返回 0。 若 a 大于 b,则返回一个大于 0 的值。

concat(Array array)

连接两个或更多的数组,并返回结果。

Array slice(Number start,Number end)

从某个已有的数组返回选定的元素

var messages4 = messages3.slice(0, 5);

splice() 删除元素,并向数组添加新元素。

messages4.splice(0, 2, "dddd"); //0表示开始删除的元素位置,2表示删除的长度,添加的元素为dddd,在删除位置添加

push() 向数组的末尾添加一个或更多元素,并返回新的长度。

pop() 删除并返回数组的最后一个元素

unshift() 向数组的开头添加一个或更多元素,并返回新的长度。

shift() 删除并返回数组的第一个元素

2.6数组的应用

var messages = new Array("","","");
messages[0] = "beijing";
messages[1] = "shanghai";
messages[2] = "zhejiang";
messages[3] = "hunan";
for ( var index in messages) {
document.writeln("遍历数组");
document.write(messages[index]);
document.write("
"); } var s = messages.join(','); document.writeln("join数组"); document.write(s); document.write("
"); messages.reverse(); for ( var index in messages) { document.writeln("倒序后"); document.write(messages[index]); document.write("
"); } messages.sort(); for ( var index in messages) { document.writeln("排序后"); document.write(messages[index]); document.write("
"); } var messages2 = ["a","c","b"]; var messages3 = messages.concat(messages2); for ( var index in messages3) { document.writeln("合并后"); document.write(messages3[index]); document.write("
"); } var messages4 = messages3.slice(0, 5); for ( var index in messages4) { document.writeln("选择slice(0,5)后"); document.write(messages4[index]); document.write("
"); }

以上代码输出结果为:

遍历数组 beijing

遍历数组 shanghai

遍历数组 zhejiang

遍历数组 hunan

join数组 beijing,shanghai,zhejiang,hunan

倒序后 hunan

倒序后 zhejiang

倒序后 shanghai

倒序后 beijing

排序后 beijing

排序后 hunan

排序后 shanghai

排序后 zhejiang

合并后 beijing

合并后 hunan

合并后 shanghai

合并后 zhejiang

合并后 a

合并后 c

合并后 b

选择slice(0,5)后 beijing

选择slice(0,5)后 hunan

选择slice(0,5)后 shanghai

选择slice(0,5)后 zhejiang

选择slice(0,5)后 a

三、Date对象

Date 对象用于获得和处理日期和时间。

3.1定义日期

var myDate=new Date() ;
var myDate=new Date(2009 , 7 , 20); //2009-08-20 
var myDate=new Date(2009 , 7 , 20 , 16, 40 ,58, 999); //依次表示年月日时分秒毫秒 

3.2日期对象的方法

3.2.1toXXX方法组

toString() 把 Date 对象转换为字符串。

toTimeString()

把 Date 对象的时间部分转换为字符串。

toDateString()

把 Date 对象的日期部分转换为字符串。

toGMTString() 根据格林尼治时间,把 Date 对象转换为字符串。

toUTCString() 根据世界时,把 Date 对象转换为字符串。

toLocaleString()

把 Date 对象转换为本地时间格式字符串。

toLocaleTimeString()

把 Date 对象的时间部分转换为本地时间格式字符串

toLocaleDateString()

把 Date 对象的日期部分转换为本地时间格式字符串

3.2.2getXXX方法组

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)

getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)

getMonth() 从 Date 对象返回月份 (0 ~ 11)

getFullYear() 从 Date 对象以四位数字返回年份

getYear() 从 Date 对象以两位或四位数字返回年份。

getHours() 返回 Date 对象的小时 (0 ~ 23)

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)

getSeconds() 返回 Date 对象的秒数 (0 ~ 59))

getMilliseconds()

返回 Date 对象的毫秒(0 ~ 999)

getTime() 返回 1970 年 1 月 1 日至今的毫秒数

3.2.3setXXX方法组

setDate() 设置 Date 对象中月的某一天 (1 ~ 31))

setMonth() 设置 Date 对象中月份 (0 ~ 11))

setFullYear() 设置 Date 对象中的年份(四位数字)

setYear() 设置 Date 对象中的年份(两位或四位数字)。

setHours() 设置 Date 对象中的小时 (0 ~ 23)

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)

setMilliseconds()

设置 Date 对象中的毫秒 (0 ~ 999)

setTime() 通过向时间原点添加或减去指定毫秒数来计算日期和时间

四、String对象

String对象表示Unicode字符的序列。

String 对象的 length 属性声明了该字符串中的字符数。

String 类定义了大量操作字符串的方法。

4.1属性

length 字符串的长度

4.2与字符串格式控制相关的方法

big()、small() 用大号字体、小字号体显示字符串。

bold() 使用粗体显示字符串。

italics() 使用斜体显示字符串。

strike() 使用删除线来显示字符串。

fontcolor() 使用指定的颜色来显示字符串。

fontsize() 使用指定的尺寸来显示字符串。

sub()、sup() 把字符串显示为下标、上标。

toLowerCase()、toUpperCase()

把字符串转换为小写、大写。

fixed() 以打字机文本显示字符串。

link() 将字符串显示为链接。

anchor() 创建 HTML 锚。

4.3与字符串内容操作相关的方法

charAt() 返回在指定位置的字符。

charCodeAt() 返回在指定的位置的字符的 Unicode 编码。

concat() 连接字符串。

fromCharCode()

从字符编码创建一个字符串。

indexOf()、lastIndexOf()

从前向后检索字符串。从后向前搜索字符串。

localeCompare()

用本地特定的顺序来比较两个字符串。

match() 找到一个或多个正在表达式的匹配。

replace()、search()

替换、检索与正则表达式匹配的子串。

slice() 提取字符串的片断。

split() 把字符串分割为字符串数组。

substr() 从起始索引号提取字符串中指定数目的字符。

substring() 提取字符串中两个指定的索引号之间的字符。

4.4应用

var strings = new String("AbcDEfG");
document.write("strings中的字符串值:");
document.write(strings);
document.write('
'); document.write("strings.big()大号字体显示:"); document.write(strings.big()); document.write('
'); document.write("strings.small()小号字体显示:"); document.write(strings.small()); document.write('
'); document.write("strings.bold()粗体显示:"); document.write(strings.bold()); document.write('
'); document.write("strings.italics()斜体显示:"); document.write(strings.italics()); document.write('
'); document.write("strings.strike()删除线显示:"); document.write(strings.strike()); document.write('
'); document.write("strings.fontcolor('green')指定颜色显示:"); document.write(strings.fontcolor('green')); document.write('
'); document.write("strings.fontsize(10)指定大小显示:"); document.write(strings.fontsize(10)); document.write('
'); document.write("strings.sub()下标显示:"); document.write("123"+ strings.sub()); document.write('
'); document.write("strings.sup()上标显示:"); document.write("123"+strings.sup()); document.write('
'); document.write("strings.toLocaleLowerCase()小写显示:"); document.write(strings.toLocaleLowerCase()); document.write('
'); document.write("strings.toLocaleUpperCase()大写显示:"); document.write(strings.toLocaleUpperCase()); document.write('
'); document.write("strings.fixed()打字机文本显示:"); document.write(strings.fixed()); document.write('
'); document.write("strings.link()链接显示:"); document.write(strings.link()); document.write('
'); document.write("strings.anchor()创建HTML锚显示:"); document.write(strings.anchor()); document.write('
'); document.write("strings.charAt(2)返回指定位置的字符:"); document.write(strings.charAt(2)); document.write('
'); document.write("strings.charCodeAt(2)返回指定位置的字符的unicode编码:"); document.write(strings.charCodeAt(2)); document.write('
'); document.write("strings.concat('higkL')连接字符串:"); document.write(strings.concat("higkL")); document.write('
'); document.write("String.fromCharCode(98)静态方法从字符编码创建一个字符串:"); document.write(String.fromCharCode(98)); document.write('
'); document.write("strings.indexOf('G', 1)从指定1处开始从前向后检索字符,返回一个位置值:"); document.write(strings.indexOf('G', 1)); document.write('
'); document.write("strings.lastIndexOf('G', 1)从指定1处开始从后向前检索字符,找不到指定字符位置返回-1.返回一个位置值:"); document.write(strings.lastIndexOf('G', 1)); document.write('
'); document.write("strings.localeCompare('ABcdEfG'):'ABcdEfG'从第0个位置开始比较'AbcDEfG',如果两个字符串完全相同返回0,被比较的字符串ASSIC码值要小,则返回-1,大则返回1。用本地特定的顺序来比较两个字符串:"); document.write(strings.localeCompare("ABcdEfG")); document.write('
'); document.write("strings.match('[a-z]{2}'):'AbcDEfG',返回值为bc,表示匹配到了。匹配不到返回null。找到一个或多个正则表达式的匹配:"); document.write(strings.match('[a-z]{2}')); document.write('
'); document.write("strings.search('[a-z]'):'AbcDEfG',返回值为下标1,表示检索到了。匹配不到返回-1。找到一个或多个正则表达式的匹配:"); document.write(strings.search('[a-z]')); document.write('
'); document.write('strings.slice(2, 3)参数1表示开始位置,参数2表示结束位置,不包括该位置。提取字符串:'); document.write(strings.slice(2, 3)); document.write('
'); document.write('strings.substring(2, 3)参数1表示开始位置,参数2表示结束位置,不包括该位置。提取字符串:'); document.write(strings.substring(2, 3)); document.write('
'); 以上代码输出为 strings中的字符串值:AbcDEfG strings.big()大号字体显示:AbcDEfG strings.small()小号字体显示:AbcDEfG strings.bold()粗体显示:AbcDEfG strings.italics()斜体显示:AbcDEfG strings.strike()删除线显示:AbcDEfG strings.fontcolor('green')指定颜色显示:AbcDEfG strings.fontsize(10)指定大小显示:AbcDEfG strings.sub()下标显示:123AbcDEfG strings.sup()上标显示:123AbcDEfG strings.toLocaleLowerCase()小写显示:abcdefg strings.toLocaleUpperCase()大写显示:ABCDEFG strings.fixed()打字机文本显示:AbcDEfG strings.link()链接显示:AbcDEfG strings.anchor()创建HTML锚显示:AbcDEfG strings.charAt(2)返回指定位置的字符:c strings.charCodeAt(2)返回指定位置的字符的unicode编码:99 strings.concat('higkL')连接字符串:AbcDEfGhigkL String.fromCharCode(98)静态方法从字符编码创建一个字符串:b strings.indexOf('G', 1)从指定1处开始从前向后检索字符,返回一个位置值:6 strings.lastIndexOf('G', 1)从指定1处开始从后向前检索字符,找不到指定字符位置返回-1.返回一个位置值:-1 strings.localeCompare('ABcdEfG'):'ABcdEfG'从第0个位置开始比较'AbcDEfG',如果两个字符串完全相同返回0,被比较的字符串ASSIC码值要小,则返回-1,大则返回1。用本地特定的顺序来比较两个字符串:-1 strings.match('[a-z]{2}'):'AbcDEfG',返回值为bc,表示匹配到了。匹配不到返回null。找到一个或多个正则表达式的匹配:bc strings.search('[a-z]'):'AbcDEfG',返回值为下标1,表示检索到了。匹配不到返回-1。找到一个或多个正则表达式的匹配:1 strings.slice(2, 3)参数1表示开始位置,参数2表示结束位置,不包括该位置。提取字符串:c strings.substring(2, 3)参数1表示开始位置,参数2表示结束位置,不包括该位置。提取字符串:c

五、Math对象

Math对象是一个数学工具,包含很多表示数学常数的静态只读属性和执行数学运算的静态方法。

E 常量 e,自然对数的底数 (约等于2.718)

LN2 返回 2 的自然对数(约等于0.693)

LN10 返回 10 的自然对数(约等于2.302)

LOG2E 返回以 2 为底的 e 的对数 (约等于 1.414)

LOG10E 返回以 10 为底的 e 的对数 (约等于0.434)

PI 返回圆周率 (约等于3.14159)

SQRT1_2 返回 2 的平方根除 1 (约等于 0.707)

SQRT2 返回 2 的平方根 (约等于 1.414)

abs(x) 返回数的绝对值

cos(x)、acos(x)

返回数的正弦、反余弦值

sin(x) 、asin(x)

返回数的正弦、反正弦值

tan(x)、atan(x)

返回角的正切、返回 -PI/2 与 PI/2之间弧度数的反正切值

atan2(y,x) 返回从 x 轴到点 (x,y) 的角度

ceil(x)、floor(x)

对一个数进行上舍入。对一个数进行下舍入。

exp(x)、log(x) 返回 e 的指数。返回数的自然对数(底为e)

max(x,y)、min(x,y)

返回 x 和 y 中的最高值

pow(x,y) 返回 x 的 y 次幂

random() 返回 0 ~ 1 之间的随机数

round(x) 把一个数四舍五入为最接近的整数

sqrt(x) 返回数的平方根

六、Global对象

全局对象是预定义的对象,作为 Javascript 的全局函数和全局属性的占位符。

通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。
全局对象不是任何对象的属性,所以它没有名称。它既没有构造函数,也无法实例化一个新的全局对象,它的所有成员都是静态的。

6.1全局属性

Infinity 代表正的无穷大的数值。

NaN 指示某个值是不是数字值。

undefined 指示未定义的值。

6.2全局函数

decodeURI() 解码某个编码的 URI。

decodeURIComponent()

解码一个编码的 URI 组件。

encodeURI() 把字符串编码为 URI。

encodeURIComponent()

把字符串编码为 URI 组件。
eval() 计算字符串,并把它作为脚本代码来执行。

isFinite() 检查某个值是否为有穷大的数。

isNaN() 检查某个值是否是数字。

isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示的是否是合法的数字。当然也可以用 isNaN() 函数来检测算数错误,比如用 0 作除数的情况。

parseFloat() 解析一个字符串并返回一个浮点数。

parseInt() 解析一个字符串并返回一个整数。

七、小结

Javascript是一门面向对象的语言,具有自定义对象的能力。同时,它可以基于已有对象编程,包含ECMAScript的本地对象,作为宿主的浏览器运行环境提供一组浏览器对象和网页提供的对象。

本地对象是一组由ECMAScript提供的引用类型,它何ECMAScript都会实现的一些对象,与特定的脚本宿主无关。
数组对象实际上是长度动态的集合,它包含了长度属性和排序,反转,拼接等方法。

日期对象表示某个特定的时刻。可通过它的构造函数获取浏览器本机的系统时间,或指定特定的日期时间,它包含一组get方法可用于获取日期对象中的某部分信息,也可用它的一组get方法改变日期对象的某些方法,或通过它的一组to方法获得日期对象的字符串形式。

字符串对象表示0个或多个Unicode字符的序列。它包含了length属性,另有一组用于格式变换的方法和对其中的字符进行操作的方法。

全局对象包含一系列全局的属性和全局的函数,这些属性和函数可不经引用任何对象直接使用。

数学对象包含一组静态只读属性用于表示一些数学常数,另包含一组静态方法用于实现常用的数学运算。

有关Javascript常用本地对象小结小编就给大家介绍这么多,希望对大家有所帮助!


推荐阅读
  • Java实战之电影在线观看系统的实现
    本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
  • 最近学习了关于使用最为流行的jquery发送请求,在实践中以最为简单的聊天室作为测验的辅助工具,对相关网页开发有一个初步的认识,希望大家能够一起学习进步。首先介绍一下 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
author-avatar
手机用户2602916725
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有