JS对象及其方法-数组

    因为项目原因,再用JavaScript开发。工作中看别人前期写的代码是时不时的跳出一些对象方法,不清楚干什么用的。只能遇见一个Google一个。不过这个效率太低了。故在此学习同时记录一下JavaScript中常用的对象及其方法。方便以后查找。


W3school参考:http://www.jb51.net/w3school/js/jsref_obj_array.htm


数组对象:

    1 、concat: 由数组对象调用,返回一个数组对象副本,原数组对象不变。参数可以是一个一个的元素,也可以是数组。不同对象中的相同元素都保留下来。测试代码及结果如下:       

var arr1 = new Array(0,1,3,5,7,9);
var arr2 = new Array(0,2,4,6,8,10);
var temp1 = arr1.concat(11,13);
var temp2 = arr1.concat(arr2);
console.log(arr1);
console.log(temp1);
console.log(temp2)

结果:
[ 0, 1, 3, 5, 7, 9 ]
[ 0, 1, 3, 5, 7, 9, 11, 13 ]
[ 0, 1, 3, 5, 7, 9, 0, 2, 4, 6, 8, 10 ]
   2、  join:由数组对象调用,返回一个有对象中个元素拼接的字符串,各元素间用“,”相连。如果join调用给一个参数,则链接符为给的那个参数。测试代码机结果如下:

var arr1 = new Array(0,1,3,5,7,9);
var arr2 = new Array(0,2,4,6,8,10);
var temp1 = arr1.join();
var temp2 = arr1.join("-");
console.log(temp1);
console.log(temp2);

结果:
0,1,3,5,7,9
0-1-3-5-7-9
    3、 pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

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

var arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.pop();
console.log(temp1);
console.log(arr1);
var temp2 = arr1.push(2);
console.log(temp2);
console.log(arr1);

结果:
9
[ 0, 1, 3, 5, 7 ]
6
[ 0, 1, 3, 5, 7, 2 ]
    5、 reverse() 用于颠倒数组中元素的顺序。对象本身被改变,返回改变后的对象。

var arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.reverse();
console.log(temp1);
console.log(arr1);

结果:
[ 9, 7, 5, 3, 1, 0 ]
[ 9, 7, 5, 3, 1, 0 ]
    6、 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
var arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.shift();
console.log(temp1);
console.log(arr1);

结果:
0
[ 1, 3, 5, 7, 9 ]
    7、 slice() 方法可从已有的数组中返回选定的元素。

      该方法包含两个参数,第一个参数必须给。第二个参数可选。

      第一个参数是截取开始偏移量,参数非负则正向开始数,负数则反向开始数。第二个参数是结束偏移量。第二个默认是最后一个数。

      第一个参数包含偏移量位置的数,第二个参数不包含偏移量位置的数。

var arr1 = new Array(0,1,3,5,7,9);
var arr2 = new Array(0,2,4,6,8,10);
var temp1 = arr1.slice(1);
var temp2 = arr2.slice(-3,-1);
console.log(temp1);
console.log(arr1);
console.log(temp2);
console.log(arr2);

结果:
[ 1, 3, 5, 7, 9 ]
[ 0, 1, 3, 5, 7, 9 ]
[ 6, 8 ]
[ 0, 2, 4, 6, 8, 10 ]

    8、splice() 方法用于插入、删除或替换数组的元素。

       splice方法由数组的对象调用。其中前两个参数必须有,后面的参数可有可无。

       splice方法有两个作业,首先是删除元素,其次是增加元素。

       splice方法的第一个参数是index,第二个参数表示从index元素开始,需要删除元素的个数。第二个参数可以是0。表示不删除任何元素。

       splice第三个元素开始就是表示想数组中添加的元素了。从index位置开始插入。

var arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.splice(1,2);
console.log(temp1);
console.log(arr1);
arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.splice(1,0,11,12);
console.log(arr1);
arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.splice(1,2,11,12);
console.log(arr1);

结果:
[ 1, 3 ]
[ 0, 5, 7, 9 ]
[ 0, 11, 12, 1, 3, 5, 7, 9 ]
[ 0, 11, 12, 5, 7, 9 ]
    9、 toString()  把数组转换为字符串,并返回结果。该方法和join方法类似,但是链接符只是‘,’,不像join方法可以定制连接符。

var arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.toString();
console.log(temp1);

结果:
0,1,3,5,7,9
    10、 unshift() 该方法可向数组的开头添加一个或更多元素,并返回新的长度。
var arr1 = new Array(0,1,3,5,7,9);
var temp1 = arr1.unshift(11,13);
console.log(temp1);
console.log(arr1);

结果:
8
[ 11, 13, 0, 1, 3, 5, 7, 9 ]







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值