Javascript数组(1)--基本属性及常用操作方法

原文地址：http://www.cnblogs.com/hbzyin/p/7310716.html
数组Array是Javascript语言中非常重要的两种引用类型数据之一，另外一种为对象Object。Array的数据模型可分为两种进行存储：堆栈结构、队列结构。

昨天，确切说是前天了，去和大学同学见面，请了半天假，顺便去参加了一个面试，结果还不知道；先说说面试中的一些Javascript相关的基本知识。虽然平时工作中也经常用到各种数组相关的方法， 但理解不够深刻，总是容易遗忘，今天趁机再整理一下。

1.数组的基本属性：①length、②prototype、③constructor

• Array.length : 设置、返回数组中元素的数目；
• Array.prototype : 设置、返回数组中原型的属性/方法；
• Array.constructor: 返回次对象的数组函数的引用。

var arr1=new Array();  
arr1.length=3;                                         //// 1.1. 设置数组的长度
console.log(arr1); //[undefined × 3]
var arr2=[1,2,4];                                     //// 1.2.返回数组的长度
console.log(arr2.length);//3

Array.prototype.attrName="new attribute"; //// 2.1 设置数组原型的属性
console.log(Array.attrName);//new attribute; 
Array.prototype.newFn=function(){            //// 2.2设置数组原型的方法
    return "This is a new fn of Array.prptotype.";
}
console.log(Array.newFn()); // This is a new fn of Array.prptotype.  

Array.constructor.newFunction();               ////返回创建次对象的数组函数；     

2. 数组堆栈FILO模型下方法：①push(el) 、②pop()

这两种方法都会导致原数组产生变化，返回值为完成操作之后的数据；

var arr3=['a','b','c'];
arr3.push('d');                                      // 2.1 堆栈中从**堆栈顶部**添加一个元素--改变原数组
console.log(arr3);//["a","b","c","d"]

arr3.pop(1)                                         // 2.2 从堆栈顶部删除数组的最后一个元素--改变原数组
consoel.log(arr3);//["a","b","c"]

3.数组队列模型FIFO下的方法：①push(el)、②shift()、③unshift(el)

var arr4=["d","e","f"];
arr4.push("g");                                //// 3.1 在队列末尾添加一个元素--改变原数组
console.log(arr4);//["d","e","f","g"]  
 
arr4.shift(1);                                  //// 3.2 在队列头部删除一个元素--改变原数组
console.log(arr4);//["e","f","g"]

arr4.unshift("dd");                          //// 3.3 在队列头部添加一个元素--改变原数组
console.log(arr4);//["dd","e","f","g"]

4. 数组的排序方法：①sort()、②reverse()

这里需要说明几点：
1. sort方法默认按照圣墟对数组进行排序，即 由小到大升序；
2. sort方法会隐式调用每个数组项的toString()方法，然后比较得到的字符串，最后进行升序排列；如：[0,1,3,10,15].sort();//[0,1,10,15,3];
3. sort方法可传入一个用于比较函数，实际使用中常自定义比较函数function(a,b){return a-b;}，若 a-b<0 升序排列；若a-b>0降序排列；a-b=0 原数组不变；
4. reverse方法--其排序方向为 降序排列数组、与sort方向相反；

var arr=[12,13,25,24,27];
arr.sort();                                              //// 4.1 sort() 默认升序排列
console.log(arr);   //[12,13,24,25,27] 
arr.reverse();                                        //// 4.2 reverse() 翻转排序
console.log(arr);  //[27,25,24,13,12]

var arr=[1,5,13,20,25];
arr.sort();                                           ////  4.3 sort() 隐式调用toString() 方法后对元素进行比较排序
console.log(arr);  //[1,13,20,25,5]

arr.sort(function(a,b){                         ////  4.4 sort(function(a,b){return fn})   自定义比较函数
    return a-b;
});
console.log(arr);  //[1,5,13,20,25]

5. 数组位置方法： ①indexOf(el)、②lastIndexOf(el)

**说明：**此处说明一点，数组位置查找时，采用全等（===）比较进行查找

var arr=["jack","lily","lucy","lily","brown","json"];
var index1=arr.indexOf("lily");                    //// 5.1 从头（序号0）开始查找元素 
var index2=arr.lastIndexOf("lily");              //// 5.2 从尾部（序号1）开始查找元素
var index3=arr.indexOf("xiaoming");          
console.log(index1);     // 1
console.log(index2);    // 3
console.log(index3);   // -1

6. 数组操作方法：

• 数组合并：①concat()、②join()

var arr5=["a","b","c"];
var arr6=[1,2,3];
var res=arr5.concat(arr6);              //// 6.1.1 concat 合并两个数组
console.log(arr5);//["a","b","c"]
console.log(arr6);//[1,2,3]
console.log(res);//["a","b","c",1,2,3]

var res6=[...arr5,...arr6];               //// ES6解构方法合并数组

var res2=arr5.join("-");               //// 6.1.2 join 连接数组元素为字符串
console.log(arr5);//["a","b","c"]
console.log(res2);//a-b-c

• 数组复制（切分）：①slice(st[,end])

关于arr.slice(start,end)方法此处说明几点：
1. arr.slice(start,end) : 可传入一个或者两个参数，start 复制数组的起始位置，end数组复制结束的位置；
2. arr.slice(start,end) : 若传入参数start>end,表示数组不进行复制，返回空数组；
3. arr.slice(start,end) : 若传入参数start、end任意一个为负值，则实际复制时改参数值为 argValue=arr.length+该传入值，再进行复制

var arr=[0,1,2,3,4,5,6];
var arr1=arr.slice(1);                    // 6.2.1 从指定开始位置复制数组
var arr2=arr.slice(1,3);                 // 6.2.2 从指定的开始、结束位置复制数组
var arr3=arr.slice(-2,2);              // 6.2.3 从指定位置（start+arr.length）和结束位置复制数组

• 全能方法：splice()

关于arr.splice()说明一下几点：
1. arr.splice(arguments)--进行操作时会对原数组造成影响；
2. 可用作数组的删除、插入、替换三类操作；其传入参数有 2个、3个、4个
3. arr.splice(start,num)--从指定位置(start)开始，删除指定个数(num)数组元素；
4. arr.splice(start,DeleteNum,newEl1)--从指定位置(start),删除指定个数元素，并在指定位置（start）插入新元素；
5. arr.splice(start,DeleteNum,newEl1)--在指定位置（start+DeletenNum）用新元素（newEl）替换旧元素；

var names=["lily","lucy","jhon","schwts"];
var name1=names.splice(1,1);                                 //// 6.3.1 从指定位置（start）,去删除（num）个数组元素
console.log(name1);     // ["lucy"];
console.log(names);     // ["lily","jhon","schwts"]    // splice()方法会对原数组造成影响


var name2=names.splice(1，1，...["xiaoming"]);       //// 6.3.3 从指定位置插入元素
console.log(name1);     // ["lucy"];
console.log(names);     // ["lily","jhon","schwts"]  

var names=[1,2,3,4,5,6];
var name=names.splice(2,2,5);
console.log(name);     // 1,2,5,5,6;
console.log(names);     

__END