JavaScript原生对象常用方法总结(推荐)
前端之家 收集整理的这篇文章主要介绍了
JavaScript原生对象常用方法总结(推荐) ，
前端之家 小编觉得挺不错的，现在分享给大家，也给大家做个参考。
下面都是我学习W3C School教程中有关JavaScript写的学习笔记，每个方法 我都亲身测试过，每个方法 的用途和参数列表，我都是在经过我亲身实践后加上 了我自己的一点理解，解释的还算比较详细。现记录下来，以便查阅：
javascript之Array类：
创建js数组两种方式：
var arr = []; 或
var arr = new Array();
()里可以指定长度，也可以不指定，指不指定都无所谓，
因为js里的数组长度是可变的
concat(arr1,arr2,arr3......arrx):js数组合并,返回合并后的新数组,至少需要传递一个数组，也可以传递多个数组
<div class="jb51code">
arr1[0]="George";
arr1[1]="John";
arr1[2]="Thomas";
arr1[3]="Jeery";
vararr2=newArray(3);
arr2[0]="James";
arr2[1]="Adrew";
arr2[2]="Martin";
vararr3=newArray(3);
arr3[0]="Java";
arr3[1]="C#";
arr3[2]="PHP ";
vararr4=arr1.concat(arr2,arr3);
alert(arr4);
join(): 将数组元素按指定的分隔符拼接成一字符串返回，默认分隔符为英文逗号
arr[0]="George";
arr[1]="John";
arr[2]="Thomas";
arr[3]="Jeery";
arr.join(".");
sort(fn): 数组排序,默认是按英
文字 母的ASC码升序排列，比如apple排在orange前面，其实
sort还可以接收一个参数，该参数function类型，有点类似于java里的比较器的意思，
就是说如果不想按默认的比较规则来排序，就必须提供一比较函数 ，该函数 有两个参数a、b,
如果返回值小于0，则a排在b前面
如果返回值大于0，则b排在a前面
如果返回值等于0，则a、b位置不变
arr[0]=5;
arr[1]=23;
arr[2]=4;
arr[3]=18;
arr[4]=88;
arr[5]=10;
arr.sort(sortNumber);
functionsortNumber(a,b)
{
returna-b;
}
pop()： 删除 数组的最后一个元素，把数组长度减 1，并且返回它
删除 的元素的值。
如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。
arr[0]=5;
arr[1]=23;
arr[2]=4;
arr[3]=18;
arr[4]=88;
arr[5]=10;
vara=arr.pop();
alert(a);
for(varxinarr){
alert(arr
}
push(n1,n2,n3,....nx):向数组末尾添加 一个或多个元素，并返回添加 后数组的长度，
注意，此方法 操作的是原数组对象，不会创建副本。此方法 可以接收多个参数，
至少要传递一个参数
arr[0]=5;
arr[1]=23;
arr[2]=4;
arr[3]=18;
arr[4]=88;
arr[5]=10;
varlen=arr.push(44,80);
alert(len);
for(varxinarr){
alert(arr
}
reverse(): 颠倒数组中元素的顺序,即如果原来数组元素是1,2,3,4,5,
调用 reverse()后，
元素顺序为5,1,注意，此方法 直接操作的是原数组对象，不会创建副本。
arr.reverse();
for(varxinarr){
alert(arr
}
shift(): 删除 数组的第一个元素，并返回它
删除 的那个元素
如果数组已经为空，则 shift() 不改变数组，并返回 undefined 值
注意，此方法 直接操作的是原数组，不会创建副本对象
vara=arr.shift();
alert(a);
for(varxinarr){
alert(arr
}
slice(start,end): 用于
截取 start和end之间的数组元素并存入新数组返回
注意，此
方法 不会
修改 原数组，会创建数组副本对象。
如果end未指定，则表示直接从start直到数组末尾，
如果start或end为负数，表示从后面开始算起，比如
-1，表示从倒数第一个元素算起，以此类推。
截取 的区间范围是[start,end),前闭后开区间,且start必须小于end
如果没找到一个元素，则返回一个空数组即数组的长度为0
<div class="jb51code">
vara=arr.slice(2,4);
alert(a.join());
splice(index,howmany,element1,.....,elementX):
用于删除 从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或
多个值来替换那些被删除 的元素，并返回刚刚删除 的元素组成的新数组。
注意：此方法 是直接操作的原数组对象，不会创建对象副本
第一个参数：表示从index位置开始删除 ，index从零开始计算
第二个参数：表示从index位置开始，往后连续删除 几个元素，前两个参数是必需的，后面的参数是可选的。
后面的参数是用添加 的元素，添加 的元素从index处开始添加 ，如果后面添加 的元素个数大于
实际删除 的元素个数，多出几个，后面的元素就往后移动几位。比如你实际删除 了4个元素，
而实际你后面添加 了6个元素，那最终会从index处开始添加 6个元素，由于前面只删除 4个元素，
位置不够，所以后面的元素会自动 往后移动2位。
vara=arr.splice(0,6);
alert(a);
for(varxinarr){
alert(arr
}
unshift(element1,element):
向数组开头添加 一个或多个元素，并返回添加 后的数组长度。至少要传一个参数。
注意此方法 是直接操作原数组，最后添加 的元素index=0,以此类推。
arr.unshift(22,23,24);
alert(arr.toString());
alert(arr.length);
扩展Array的函数 ：
<div class="jb51code">
for(vari=0,len=this.length;i<len;i++){
if(this[i]==o){
returni;
}
}
return-1;
}
Array.prototype.remove=function(o){
varindex=this.indexOf(o);
if(index!=-1){
this.splice(index,1);
}
returnthis;
}
vararr=[3,20];
arr.remove(90);
alert(arr.toString());
alert(arr.length);
js中Number类常用方法 ：
toFixed(): 将数字四舍五入为指定小数位数的数字，参数值范围为[0,20],表示四舍五入后保留的小数位数，
如果没有传入参数，默认参数值等于0
alert(num.toFixed());
alert(num.toFixed(2));
toprecision(): 用于将数字精确到指定长度，
方法 接收参数一个参数，参数的范围为[0,21]
参数表示数字的位数，如果数字总位数大于参数值且数字是小数，那么会进行
四舍五入，如果数字总位数小于参数值且数字是小数，那么多出的小数位会自动 补零
如果数字总位数小于参数值且数字为整数，那么会改用科学计数法表示。
varnum2=100;
varnum3=11111111.00009;
varnum4=1.00609;
alert(num1.toPrecision(5));
alert(num2.toPrecision(5));
alert(num3.toPrecision(15));
alert(num4.toPrecision(3));
isNaN(num):判断是否为数字，这个方法 很有用
js中String类常用方法 ：
charAt(index)：用于返回指定位置的字符，index从0开始计算
charCodeAt(index):用于返回指定字符的ASCII码
concat(element1,element2......elementx):用于拼接两个或多个字符串
indexOf():用于返回指定字符在字符串中第一次出现的索引，从第一个字符开始查找，找到立即返回。
lastIndexOf():用于返回指定字符在字符串中第一次出现的索引，不过是从最后面一个字符开始查找。
match():用于检索与指定正则匹配的子串，如果开启了全局检索模式，且有多个符合条件的子串，那么
返回的是一个数组。
vararr=str.match(/you/g);
alert(arr);
varstr="1plus2equal3"
alert(str.match(/\d\s/g));
replace()： 用于字符串替换操作，接收两个参数。
第一个参数：表示待替换的字符串，或者是替换的正则表达式
第二个参数：替换文本，也可以是一个function的返回值
注意此方法 不会改变原字符串对象，而是返回新字符串对象。
vartest=str.replace(/Java/g,"Javascript");
alert(str);
alert(test);
varname="Doe,John";
alert(name.replace(/(\w+)\s,\s (\w+)/,"$2|$1"));
varname="Ilikejava,javaissoeasy!";
vartest=name.replace(/java/g,function(m,i){alert(m);alert(i);return"javascript";});
alert(test);
用function返回值作为替换文本时，function里有两个参数：
m表示前面第一个参数即正则匹配到的子串，第二个参数是该子串在原字符串中的索引位置
search():用于返回指定子串或符合指定正则表达式的子串在原字符串中第一次出现的索引,
如果没有找到，则返回-1
var str = "I like javascript.";
alert(str.search("javascript"));
slice(start,end):用于截取 start,end指定区间内的字符串并返回，
此方法 不会操作原字符串对象数据，而是创建字符串副本保存截取 后的字符串数据
如果end未指定，则表示直接从start直到数组末尾，
如果start或end为负数，表示从后面开始算起，比如
-1，表示从倒数第一个元素算起，以此类推。
截取 的区间范围是[start,且start必须小于end
如果没找到一个元素，则返回一个空字符串
vartest=str.slice(-2,-1);
alert(test);
alert(str);
split():以指定的分割字符或正则表达式的匹配字符来分割原字符串，返回结果以数组形式表示。
此方法 还可以接收第二个参数，第二个参数可以限制最终返回的数组元素最大个数。
var str="How are you doing today?"
alert(str.split(/\s/));
substr():用于字符串截取 ，方法 接收两个参数，
第一个参数start,表示从start索引位置开始截取 ，索引从0开始计算，如果此参数值是负数，
则会从字符串结尾开始计算，比如-1表示最后一个字符，-2表示倒数第二个字符，以此类推。
第二个参数length,表示截取 的字符串长度，此参数为可选，如不指定此参数，
则默认会一直截取 到字符串结尾。
注意：此方法 已不建议使用
var str = "I like javascript!";
alert(str.substr(7,10));
substring():用于截取 start与end索引区间内的字符串，区间范围为[start,end],前闭后开
注意:参数start和end必须为非负整数,
如start为负数，则默认会将start赋值为0，
如end为负数，则默认会将end赋值为0，且截取 区间改为[0,start)。
如果start大于end，那么会首先交换两个参数值的位置，即区间改为[end,start)
alert(str1.substring(7,18));
varstr2="Ilikejavascript!";
alert(str2.substring(3,-3));
toLowerCase()：把字符串转换成小写
toUpperCase()：把字符串转换成大写
js中Date对象常用方法 ：方法 为Date类的构造函数 ，此方法 接收日期格式字符串，函数 传参，则默认是取系统当前时间函数 可以接收一个距1970-01-01的毫秒数来构建Date对象，函数 需要接收一个日期格式字符串的话，
getDate():返回一个月中的某一天,返回值范围：1-31方法 命名我表示不能理解，为何Seconds首字母不大写？
注意：此方法 是静态方法 ，不用能用Date对象调用 ，而应该使用Date类调用 。
//var date = Date.parse("1987-06-05"); //火狐OK，IE不OK
//var date = Date.parse("06-05-1987"); //IE OK，火狐不OK
//var date = Date.parse("06/05/1987"); //IE和火狐都OK
var date = Date.parse("1987/06/05"); //IE和火狐都OK
//var date = Date.parse("6/5/1987"); //IE和火狐都OK
//var date = Date.parse("1987/6/5"); //IE和火狐都OK
//var date = Date.parse("1987/06/05 23:12:22"); //IE和火狐都OK
//var date = Date.parse("6/5/1987 23:12:22"); //IE和火狐都OK
//var date = Date.parse("1987/6/5 23:12:22"); //IE和火狐都OK
alert(date);
通过上面的这些示例，不难看出，parse方法 接收的日期字符串格式比较兼容的格式为：
yyyy/MM/dd
yyyy/m/d
MM/dd/yyyy
M/d/yyyy
yyyy/MM/dd HH:mm:ss
yyyy/m/d HH:mm:ss
MM/dd/yyyy HH:mm:ss
M/d/yyyy HH:mm:ss
setDate():设置一个月中的某一天,取值范围：1-31方法 命名我表示不能理解，为何Seconds首字母不大写？
toString():将Date对象转换成字符串形式,默认是格林威治标准时间格式即GMT格式中文 下是yyyy年MM月dd日 hh:mm:ss
此方法 用于根据世界时返回距离1970-01-01的毫秒数，前3个参数是必须的，其余参数是可选的，
分别表示年、月、日、小时、分钟、秒、毫秒，
此方法 返回的毫秒数可以传递给Date()构造函数 ，
Date对象的toString方法 默认是转换成GMT格式，对于我们来说，不适用，我们往往希望显示 为yyyy-MM-dd hh:mm:ss格式，功能 ，只好自己扩展了，
<div class="jb51code">
<pre class="brush:js;">
Date.prototype.format=function(format){
varo={
"M+":this.getMonth()+1,//month月
"d+":this.getDate(),//day日
"h+":this.getHours(),//hour时
"m+":this.getMinutes(),//minute分
"s+":this.getSeconds(),//second秒
"q+":Math.floor((this.getMonth()+3)/3),//quarter季度
"S":this.getMilliseconds()//millisecond毫秒
}
if(/(y+)/.test(format)){
format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length));
}
for(varkino){
if(newRegExp("("+k+")").test(format)){
format=format.replace(RegExp.$1,RegExp.$1.length==1?o[k]:("00"+o[k]).substr((""+o[k]).length));
}
}
returnformat;
}
1. /pattern/attributes
