JavaScript中的对象及其方法

1.数组对象:

javascript中数组是一种特殊的对象。创建一个新的数组类似于创建一个对象实例,通过new运算符和相应的数组构造函数完成。数组的构造函数是Array(),可以接受多个参数,编写方法如下:

var myArray=new Array();
var myArray=new Array("北京","奥运会",100,true);//具有四个元素的数组
var myArray=new Array(5);//创建一个指定元素数量的数组,元素的值是Undefined
/*创建完数组通过下标访问各个元素,下标从0开始*/

Jvascript数组是稀疏的,即数组元素下标不是连续存储在内存中的,如创建一个空数组,分别添加一个下标为0的元素和一个下标为100的元素,内存只会给这两个元素分配空间。

  多维数组:(适合表格数据存储)

/*多维数组的创建与访问*/var Array1=new Array(1,2,3);
var Array2=new Array(1,2,3);
var Array3=new Array(1,2,3,4);
var Array4=new Array(Array1,Array2,Array3);

for(var i=0;i<Array4.length;++i)
{
    document.write("<hr/>")
    for(var j=0;j<4;++j)
    {
        document.write(Array4[i][j]);
    }
}

数组的方法:

  • join方法和contact方法

/*join方法可使用指定的分隔符号把数组中的元素值拼接起来,以字符串形式返回给程序*/
/*contact可以把两个数组合并,然后返回给新的数组,新数组在返回的同时创建*/
var Array1=new Array(1,2,3);
document.write(Array1.join("Q"));
//结果:1Q2Q3

var Array1=new Array(1,2,3);
var Array2=new Array("q","z","e");
var Array3=Array1.concat(Array2);
document.write(Array3);
//打印结果1,2,3,q,z,e
  • push和pop方法

//push()方法可在数组尾部添加元素,并返回修改后的数组长度
//pop()方法则在数组尾部删除1个元素并返回元素值

var Array1=new Array(1,2,3);

document.write("增加一个元素后的数组长度:"+Array1.push(4));
document.write("<br/>数组元素是:"+Array1);
document.write("<br/>删除的元素是:"+Array1.pop());
  • unshift和shift方法

//unshift方法和push方法类似。是向数组头部添加一个元素
//shift方法与pop方法类似,是删除数组头部的元素并返回删除的元素
  • reverse()方法和sort()

//reverse是把数组原有的元素顺序倒置,并返回倒置后的数组
//sort方法是对数组所有元素进行排序,并返回排序后的数组,sort()无法无参数运行时按字母顺序排序,而未定义类型元素将被排在数组尾部。
  • slice()方法

/*用于截取数组的一部分,返回一个子数组,其参数为起始点元素到终点元素,子数组不包含终点元素。
参数只有1个:代表从这个元素一直截取到最后一个元素
参数为负数:代表从数组尾部开始定位起始元素位置(若为-2,代表倒数第二个元素)
*/
var Array1=new Array(1,2,3,8,9,9,5);
document.write("截取数组中3到5元素:"+Array1.slice(3,5)+"<br/>");
document.write("截取数组中3到尾部元素:"+Array1.slice(3)+"<br/>");
document.write("截取数组中最后3个元素:"+Array1.slice(-3)+"<br/>");
  • splice方法()

/*splice是插入或删除数组的通用方法
splice(起始处,删除数量);
splice(起始处,删除数量,插入元素值1,插入元素值2);
*/

2.日期对象

日期对象可以用于获取日期时间,并可通过对象的方法进行日期时间的相关操作,创建方法:

var myNow=new Date();
/*按不同的格式给日期对象设置初始值*/
var myData=new Date("月 日,年,时:分:秒");
var myDate=new Date("月 日,年");
var myDate=new Date("年,月,日,时,分,秒")
var myDate=new Date("年,月,日");
var myDate=new Date("毫秒数");

Date日期对象的方法(两种格式:本地日期和格林尼治时间GMT))

  • get()前缀方法组:

  • set前缀方法组

  • 转字符串方法组

可以把日期格式按需要转换为字符串格式。

var myDate=new Date();

document.write("<hr/>现在的日期是:"+myDate.toDateString());
document.write("<hr/>现在的日期是:"+myDate.toLocaleDateString());
document.write("<hr/>现在的日期是:"+myDate.toLocaleString());
document.write("<hr/>现在的日期是:"+myDate.toString());
document.write("<hr/>现在的日期是:"+myDate.toTimeString());

3.数学运算对象

数学运算对象Math不需要创建实例,直接访问其属性和方法,在面向对象的程序设计中称为静态属性和静态方法。Math对象的属性为数学中的常数值,即恒定不变的值,只能读取,不能写入。Math对象常用的属性表如下所示:

4.字符串对象:

字符串对象的属性只有2个(length,prototype)

字符串对象的方法:

1.HTML格式替代方法

2.操作方法

5.函数对象

属性:

  length和prototype。length只读属性,获取函数的参数个数;prototype用于扩展对象的属性和方法。

JavaScript中可以创建函数对象,这种定义方式是在程序运行时创建的,所以执行速度慢一些,创建方法如下:

var myfunction=new Function(参数1,参数2,...,参数n,函数体);

myfunction是一个变量,用于存储函数对象实例的引用。函数对象实例没有函数名,所以也叫作匿名函数。

方法:

  1. apply(x,y)将函数绑定为另一个对象的方法,x参数为对象实例名称,y参数为所传递的参数,y可以为数组。该方法执行后,函数体内的this将指向x对象实例。
  2. call(x,y1,y2,...,yn)功能同apply一样,x参数为对象实例名称,y1~yn参数为所传递的参数。
  3. toString()返回函数的字符串形式。
时间: 2024-10-11 06:20:05

JavaScript中的对象及其方法的相关文章

JavaScript中textRange对象使用方法总结

TextRange对象是动态HTML(DHTML)的高级特性,使用它可以实现很多和文本有关的任务,例如搜索和选择文本.文本范围让您可以选择性的将字符.单词和句子从文档中挑选出来.TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象. 下面是TextRange的常用属性与方法: 属性 boundingHeight 获取绑定TextRange对象的矩形的高度 boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的

JavaScript 中 Date 对象 getFullYear()方法的详细解释

getFullYear()函数用于使用当地时间返回当前Date对象中的年份值.也就是"年月日"中"年"的数值.例如:2013年7月15日,就返回2013:公元前123年5月12日,就返回-123. 该函数属于Date对象,所有主流浏览器均支持该函数. 语法 date.getFullYear( )getFullYear()函数的返回值为Number类型,返回当前Date对象的年份值 示例&说明 // 定义一个"2013-07-21"的Dat

(转)JavaScript中判断对象类型的种种方法

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type

JavaScript中String对象处理HTML标记中文本的方法

big():创建一个<big></big>标记,将这个字符串的字体变大blink():创建一个<blink></blink>标记,使字符串具有闪烁效果bold():创建一个<bold></bold>标记,使字符串加粗显示fixed():创建一个<tt></tt>标记,使字符串固定倾斜显示italics():创建一个<i></i>标记,使字符串以斜体显示small():创建一个<sm

JavaScript中的对象

JavaScript对象 JavaScript对象是基本数据类型之一,是复合型数据: JavaScript中几乎所有事物都是做对象: JavaScript的对象是拥有属性和方法的数据: JavaScript 中的对象可以简单理解成"名称:值"对(name:value). JavaScript中的对象分类 1.内建对象: 数据分装对象(object.object.prototype.Number.Boolean.String.Array.Function): 工具类对象(Math.Dat

JavaScript中事件绑定的方法总结

最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看. JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数 一.在DOM元素中直接绑定 也就是直接在html标签中通过 onXXX=“” 来绑定.举个例子: <input type="button" value="点我呦" onclick="alert("he

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)       

JavaScript中Object.prototype.toString方法的原理

在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法. ? 1 2 var arr = []; console.log(Object.prototype.toString.call(arr)) //"[object Array]" 本文要讲的就是,toString方法是如何做到这一点的,原理是什么. ECMAScript 3 在ES3中,Object.prototype.toString方法的规范如下:

JavaScript中String对象的match()、replace() 配合正则表达式使用

正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时,match()返回null,replace()返回原字符串. 正则表达式的模板对象 //标准写法 regexp = new RegExp(pattern[, flag]); pattern: 模板的用法是关键,也是本章的主要内容. flag: "i"(ignore)."g&quo