JavaScript内置对象–Array

JavaScript内置对象–Array

一律、数组的缔造

创办数组的着力办法发生星星点点种植:
1、使用 Array构造函数
语法:new Array()
小括号( )说明:
(1)预先了解数组要保留的种类数目
(2)向Array构造函数中传递数组应涵盖的项

2、使用频繁组字面量表示拟
鉴于同样针对性含蓄数组项的方括号[ ]代表,多个数组项之间为逗号隔开。

<script>
    var colors=new Array(3);
    console.log(colors);//[]

    var nums=new Array(1,3,6,9);
    console.log(nums);//[1,3,6,9]


    var cols=["red","yellow","green"];
    console.log(cols);//["red","yellow","green"]

    var infos=[6,"marry",true,{email:"marry@sohu.com"}];//数组中的每个值对类型没有限制
    console.log(infos);//[6,"marry",true,Object]
</script>

亚、数组元素的朗诵与描写

读取和安装值经常,使用方括号[ ]连提供对应的目录
证明:索引是从0开始之正整数

var cols=["red","yellow","green"];
console.log(cols[1]);//yellow
console.log(cols[5]);//undefined

var colors=new Array(3);
colors[0]="#f00";
colors[1]="#0f0";
colors[2]="#00f";
console.log(colors);//["#f00","#0f0","00f"]

三、数组的length属性

语法:array.length
功能:获取数组array的尺寸
返回值:number

说明:
1、通过设置length可以从数组的尾声移除了项或为数组中补充加新项。
2、当把一个值在压倒当前数组大小的职及时时,数组就会见又计算其尺寸值,长度值等于最后一桩之索引加1。

var arr=["a","b","c","d"];
console.log(arr.length);//4

arr.length=3;//把arr这个数组的长度设为3
console.log(arr);//["a","b","c"]
console.log(arr[3]);//undefined


var arr1=["a","b","c","d"];
arr1[99]="z";//给数组的第100项赋值
console.log(arr1.length);//100  根据最后的索引确定

数组的遍历:

var arr=["a","b","c","d"];
for(var i=0;i<arr.length;i++){
    console.log(i);//0 1 2 3 
    console.log(arr[i]);//a b c d
}

季、数组的艺术

1.栈方法
①push()
语法:arrayObject.push(newele1,newele2,….,neweX)
功用:把它的参数顺序上加到 arrayObject 的尾。
返回值:把指定的价加加到数组后底新长。

<script>
    var colors=new Array("red","green");
    colors.push("blue");
    console.log(colors);//Array[3]:0:"red" 1:"green" 2:"blue"

    colors.push("bule","yellow","black");
    console.log(colors);//["red","green","bule","yellow","black"]

    var len = colors.push("bule","yellow","black");
    console.log(len);//5
</script>

②unshift()
语法:arrayObject.unshift(newele1,newele2,….,neweX)
功能:把她的参数顺序上加至 arrayObject 的上马。
返回值:把指定的值加加至数组后的初长。

var nums=[2,7,8,6];
var size=nums.unshift(99,66);
console.log(nums);//[99,66,2,7,8,6]

③pop()
语法:arrayObject.pop()
职能:删除 arrayObject 的终极一个素
返回值:被删的生元素

var nums=[2,7,8,6];
var n=nums.pop();
console.log(n);//6
console.log(nums);//[2,7,8]

④shift()
语法:arrayObject.shift()
意义:删除 arrayObject中的首先只因素
返回值:被删除的杀元素

var colors=new Array("red","green","bule","yellow","black");
var m=colors.shift();
console.log(m);//red
console.log(colors);//["green","bule","yellow","black"]

2.转换方法
①join()
语法:arrayObject.join(separator)
效果:用于把数组中之备因素放入一个字符串。(把数组转化为字符串)
返回值:字符串。

var nums=[2,4,5];
var str=nums.join();
console.log(typeof(str));//string
console.log(str);//2,4,5 默认用,隔开

var words=["border","left","color"];
//希望转为border-left-color
var wordstr=words.join("");
console.log(wordstr);//borderleftcolor

var wordstr1=words.join("-");
console.log(wordstr1);//border-left-color

3.重排序方法
①reverse()
语法:stringObject.reverse()
功效:用于颠倒数组中元素的一一。
返回值:数组

var nums=[2,4,5];
nums.reverse();
console.log(nums);//[5,4,2]

var strs=["a","b","c","d"];
//返回dcba这个字符串
var newstr=strs.reverse().join("");
console.log(newstr);//dcba

②sort()
语法:arrayObject.sort(sortby)
成效:用于对屡次组的要素进行排序。
返回值:数组。

说明:
1、即使数组中的各国一样项都是数值,sort()方法比较的呢是字符串。
2、sort()方法好接受一个比函数作为参数。

var words=["border","left","color"];
console.log(words.sort());//["border","color","left"] 按字母顺序

var arr=[9,23,15,88,12];
console.log(arr.sort());
//[12,15,23,88,9] 会先转为字符串,再按照第一个数字顺序排序

//降序,return 参数1<参数2
arr.sort(function(a,b){return a<b});
console.log(arr);//[88,23,15,12,9]

//升序 return 参数1>参数2
arr.sort(function(a,b){return a>b});
console.log(arr);//[9,12,15,23,88]

4.操作方法
①concat()
语法:arrayObject.concat(arrayX,arrayX,……,arrayX)
效果:用于连接两只或多个数组。
返回值:数组。

var arr1=["a","b","c"],
    arr2=["d","e",1,3],
    arr3;
arr3=arr1.concat(arr2);
console.log(arr3);//["a","b","c","d","e",1,3]

arr4=arr1.concat(arr2,["m",99,8]);
console.log(arr4);//["a","b","c","d","e",1,3,"m",99,8]

②slice()
语法:arrayObject.slice(start,end)
作用:从曾部分数组中回到选定的因素。
参数:
start
(必需)规定从何处开始选,如果是负数,那么它规定自数组尾部开始算从底位置。
end(可选)规定于何方结束选取,该参数是数组片断结束处之数组下标。
返回值:数组

说明:
1、如果没指定end,那么切分的数组包含从 start
到数组结束的所有因素。
2、如果slice()方法的参数中发出一个负数,则据此数组长度加上该数来规定相应的职。

var colors=["red","green","blue","yellow","orange"];
var newColors=colors.slice(1);
console.log(newColors);//["green","blue","yellow","orange"]

var newColors1=colors.slice(1,3);
console.log(newColors1);//["green","blue"]

var newColors2=colors.slice(-2,4);  //3,4用数组长度加上负数
console.log(newColors2);//["yellow"]

姣好以下代码段,实现b数组对a数组的正片,方法越多越好

var a=[1,"yes",3],
    b;
//1.数组遍历,push
b=new Array();
for(var i=0;i<a.length;i++){
    b.push(a[i])
}
console.log(b);

//2.concat()
b=[].concat(a);
console.log(b);

//3.slice()
b=a.slice(0);
console.log(b);

③splice()删除
语法:arrayObject.splice(index,count)
功效:删除从 index 处开始之零个或多单因素。
返回值:含有让剔除的因素的数组。

说明:
count是使抹的项目数目,如果设置也 0,则不见面删除项目。
如不安装,则去从index开始之拥有值。

var arr=["a","b","c","d","e","f"];
var delArr=arr.splice(2,2);
console.log(arr);//["a","b","e","f"]
console.log(delArr);//["c","d"]

var delArr=arr.splice(2);
console.log(arr);//["a","b"]
console.log(delArr);//["c","d","e","f"]

var delArr=arr.splice(2,0);
console.log(arr);//["a","b","c","d","e","f"]
console.log(delArr);//[]

④splice()插入
语法:arrayObject.splice(index,0,item1,…..,itemX)
效果:在指定位置插入值
参数:
Index:起始位置
0:要删减的项数
item1…itemX:要插入的宗
返回值:数组

var arr=["a","b","c","d","e","f"];
var insertArr=arr.splice(3,0,"m","n");
console.log(arr);//["a","b","c","m","n","d","e","f"]
console.log(insertArr);//[] 插入操作时返回空

⑤splice()替换
语法:arrayObject.splice(index,count,item1,…..,itemX)
力量:在指定位置插入值,且又删除任意数量之起
参数:
Index:起始位置
count:要刨除的项数
item1…itemX:要插入的宗
返回值:从原始数组中剔除的项(如果没删任何项,则赶回空数组)

var arr=["a","b","c","d","e","f"];
var replaceArr=arr.splice(1,2,"x","y","z"); //从索引为1的 删除2个 再插入"x","y","z"
console.log(arr); //["a","x","y","z","d","e","f"]
console.log(replaceArr);//["b","c"]

5.添加办法
①indexOf()
语法:arrayObject.indexOf(searchvalue,startIndex)
效果:从数组的上马(位置0)开始往后找。
参数:
searchvalue:必需,要摸的宗;
startIndex:可选,起点位置的目录。
返回值:number,查找的起在反复组被的职位,没有找到的动静下回到-1。

var nums=[1,7,5,7,8,1,6,9];
var pos=nums.indexOf(7);
console.log(pos);//1

var pos=nums.indexOf(99);
console.log(pos);//-1

var pos=nums.indexOf(7,3);//从索引为3开始检测7的位置
console.log(pos);//3

var pos=nums.indexOf("7");
console.log(pos);//-1

②lastIndexOf()
语法:arrayObject.lastIndexOf(searchvalue,startIndex)
成效:从数组的尾声开始上查找。
参数:
searchvalue:必需,要摸索的项;
startIndex:可选,起点位置的目。
返回值:number,查找的起于多次组中之职,没有找到的情形下回到-1。

var nums=[1,7,5,7,8,1,6,9];
var pos=nums.lastIndexOf(1);
console.log(pos);//5


//封装一个方法实现indexOf的功能
function arrayIndexOf(arr,value){
    //检测value在arr中出现的位置
    for(var i=0;i<arr.length;i++){
        if(arr[i]===value){
            return i;
        }
    }
    return -1;
}
var pos2=arrayIndexOf(nums,8);
console.log(pos2);//4

说明
1、在比第一只参数和数组中之每一样桩时,会动用全等操作符,即要求找的项必须严格等。
2、数组的职方法是ECMAScript5也数组实例新增的,所以支持的浏览器只有:IE9+、Firefox2+、Safari3+、Opera9.5和Chrome