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

posted @ 2017-08-09 09:05  hbzyin  阅读(1916)  评论(0编辑  收藏  举报