因为项目原因,再用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 ]