一、JavaScript对象之数组
1、创建数组的方式
(1)使用Array构造函数
语法:new Array()
小括号()说明:
-预先知道数组要保存的项目数量
-向Array构造函数中传递数组应包含的项
(2)使用数组字面量表示法
-由一对包含数组项的方括号[]表示,多个数组之间以逗号隔开
2、数组元素的读写
-读取和设置值时,使用方括号[]并提供相应的索引
说明:索引是从0开始的正整数
3、数组的长度
语法:array.length
功能:获取数组array的长度
返回值:number
说明:
-通过设置length可以从数组的末尾移除或向数组中添加新项。
-把一个值放在超出当前数组大小的位置上时,会重新计算数组长度值,长度值等于最后一项索引加1。
4、数组方法的栈方法
push() unshift() pop() shift()
(1)push()
-语法:
arrayObject.push(newele1,newele2……newelen);
-功能:
把它的参数顺序添加到arrayObject的尾部。
-返回值:
把指定的值添加到数组后的新长度。
-例:
<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
arr.push("sass");
console.log(arr);
</script>
(2)unshift()
-语法:
arrayObject.unshift(newele1,newele2……newelen);
-功能:
把它的参数顺序添加到arrayObject的开头。
-返回值:
把指定的值添加到数组后的新长度。
-例:
<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
arr.unshift("sass");
console.log(arr);
</script>
(3)pop()
-语法:
arrayObject.pop();
-功能:
删除数组最后一个元素。
-返回值:
被删除的那个元素。
-例:
<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
var n= arr.pop();
console.log(n);
</script>
(4)shift()
-语法:
arrayObject.shift();
-功能:
删除数组第一个元素。
-返回值:
被删除的那个元素。
-例:
<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
var r=arr.shift();
console.log(r);
</script>
5、join() 、reverse()、sort()方法
-join():把数组转换成字符串
-reverse():把数组元素顺序反转
-sort() :对数组元素排序
(1)join()
-语法:
arrayObject.join(separator);
-功能:
把数组所有元素放入一个字符串。
-返回值:
字符串。
-例:
<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
var r=arr.join("-"); //括号内为空的话,默认是,(逗号)连接;
console.log(r);
document.write(r);
</script>
(2)reverse()
-语法:
arrayObject.reverse();
-功能:
用于颠倒数组中的元素顺序。(反转)
-返回值:
数组。
-例:
<script>
var arr=["a" ,"b", "c" , "d","e" ];
var r=arr.reverse();
console.log(r);
</script>
(3)sort()
-语法:
arrayObject.sort(sortby);
-功能:
把数组内元素进行排序。
-返回值:
数组。
-说明:
-即使数组中的每一项都是数值,sort()方法比较的也是字符串。
-sort()方法可以接收一个比较函数作为参数。
-例:
<script>
var arr=[10,11,1,2,5,88,9,-1 ];
var r=arr.sort(function (a,b) {
return a>b;
});
console.log(r);
</script>
(4)例子:让我们来封装一个函数,实现不用reverse()方法也能实现数组反转的功能,比如:数组1,2,3,4,5,通过该函数反转后,输出的是:5,4,3,2,1。
<script>
function arrReverse(arr){
var newArr=[];
for(var i=0;i<arr.length;i++){
return newArr= arr.sort(function (a,b) {
return a<b;
});
}
}
document.write(arrReverse([1,2,3,4,5,6,7,8]));
</script>
6、数组方法(concat和slice)
-concat()
-slice()
(1)concat()
-语法:
arrayObject.concat(arrayX,arrayX……arrayX);
-功能:
连接两个或多个数组
-返回值:
数组。
-例:
<script>
var arr1=["a","b","c","d",1],
arr2=["e","f",1,2],
arr3;
arr3=arr1.concat(arr2); //arr2后面还可以加数组。
console.log(arr3);
</script>
(2)slice()
-语法:
arrayObject.slice(start,end);
-功能:
从已有的数组中返回选定的元素
-参数:
start(必需)规定从何处开始选取,如是负数,从数组尾部开始算起
end(可选)规定从何处结束选取,是数组片断结束处的数组下标
-说明:
-如没指定end,切分的数组包含从start到数组结束懂得所有元素。
-如slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置
-返回值:
数组。
-例;
<script>
var arr1=[1,2,3,4,5,6,7,8,9],
arr3;
arr3=arr1.slice(-6,8);
console.log(arr3);
</script>
7、数组方法(splice)
(1)删除
-语法:
arrayObject.splice(index,count);
-功能:
删除从index处开始的零个或多个元素。
-返回值:
含有被删除的元素的数组。
-说明:
-count是要删除的数量.如果设置为0,则不会删除。如果不设置,则从index处开始删除所有值。
-例:
<script>
var arr1=["a","b","c","d",1],
arr3;
arr3=arr1.splice(1,2);
console.log(arr3);
</script>
(2)插入
-语法:
arrayObject.splice(index,0,item1……itemx);
-功能:
在指定位置插入值
-返回值:
数组
-参数:
index:起始位置
0:要删除的项数
item1……itemx :要插入的项
-例:
<script>
var arr1=["a","b","c","d","e"];
arr1.splice(2,0,"m","n");
console.log(arr1);
</script>
(3)替换
-语法:
arrayObject.splice(index,count,item1……itemx);
-功能:
在指定位置插入值,且同时删除任意数量的项。
-返回值:
从原始数组中删除的项(如果没有删除的项,则返回空数组)
-参数:
index:起始位置
count:要删除的项数
item1……itemx :要插入的项
-例:
<script>
var arr1=["a","b","c","d","e"];
arr1.splice(2,2,"m","n","j");
console.log(arr1);
</script>
8、数组方法(indexOf和lastIndexOf)
(1)indexOf
-语法:
arrayObject.indexOf(searchvalue,startIndex);
-功能:
从数组的开头(位置0)开始向后查找
-返回值:
number。查找的项在数组里面的位置,没有找到的情况下返回-1;
-参数:
searchvalue:必需,要查找的项;
startIndex:可选,起点位置的索引。
-例:
<script>
var arr1=[1,2,3,4,5,6,7];
var pos=arr1.indexOf(3);
console.log(pos);
</script>
(2)lastIndexOf
-语法:
arrayObject.lastIndexOf(searchvalue,startIndex);
-功能:
从数组的末尾开始向后查找
-返回值:
number。查找的项在数组里面的位置,没有找到的情况下返回-1;
-参数:
searchvalue:必需,要查找的项;
startIndex:可选,起点位置的索引。
-例:
<script>
var arr1=[1,2,3,4,5,6,7];
var pos=arr1.lastIndexOf(5);
console.log(pos);
</script>