JavaScript学习笔记5

Object类型

var person = new Object();
person.name = 'Jayson';
//对象字面量表示法，不会调用Object构造函数（Firefox3及更早版本会）
var person = {
    name : 'Jayson'
};
var student = {};
student.name = 'Jayson';
//访问时可以使用两种表示法
person.name;
person['name'];  
//方括号表示法可以通过变量来访问
var name = 'name';
person[name];

Array类型

数组每一项可以保存任何类型的数据，数组大小是可以调整的,数组最多能有4294967295个项

var colors = new Array();
var colors = new Array(5);
var colors = new Array('red','blue');
//数组字面量表示法，不会调用Array构造函数（Firefox3及更早版本会）
var colors = [];
var colors = ['red','blue',,,,];  //会创建5项的数组,IE8及更早会创建6项，不要这样定义
var colors = ['red','blue'];
//访问
colors[0];
colors[1] = 'green';
colors[99] = 'whrite';  //length为100
colors[colors.length] = 'black'; //在末尾添加一项
colors.length;
colors.length = 4;

• 检测数组
  value instanceof Array
  Array.isArray(value) (ECMAScript5新增)

• 转换方法

  var p1 = {
  toLocaleString : function(){
      return 'Jayson';
  },
  
  toString : function(){
      return 'hu';
  }
  }
  var p2{
  toLocaleString : function(){
      return 'H';
  },
  
  toString : function(){
      return 'AY'
  }
  }
  var p = [p1,p2];
  alert(p);  //hu,AY
  alert(p.toString());  //hu,AY
  alert(p.valueOf());  //hu,AY
  alert(p.toLocaleString());  //Jayson,H

• 栈方法
  count = array.push(‘red’,’green’); //推入两项(数组末尾)
  item = array.pop(); //取出最后一项
• 队列方法(两种)
  array.push();
  item = array.shift(); //取出第一项
  count = array.unshift(‘red’,’blue’); //推入两项(数组前端),IE7或更早返回undefined
  array.pop();

• 重排序方法
  array.reverse(); //反转数组顺序
  array.sort(compare); //比较每一项toString()得到的字符串，升序排列

    function compare(v1,v2){
      if(v1<v2){
          return -1;
      }else if(v1>v2){
          return 1;
      }else{
          return 0;
      }
    }
    var array = [1,5,8,10,16];
    array.sort();
    alert(array);  //1,10,16,5,8
    array.sort(compare);
    alert(array)  //1,5,8,10,16

• 操作方法

  • concat()
    var array = [‘red’];
    var array2 = array.concat(‘blue’,[‘black’,’green’]); //[red,blue,black,green]
  • slice(start[,end])
    var array = [‘red’,’blue’,’green’,’black’];
    var array2 = array.slice(1,3); //[blue,green]
    var array3 = array.slice(-2,-1); //[green]

  • splice(start,length[,new])

    var array = ['red','blue','green','black'];
    var removed = array.splice(0,2);
    alert(removed); //red,blue
    alert(array); //green,black
    var removed = array.splice(1,1,'white','yellow');
    alert(removed); //black
    alert(array); //green,white,yellow

• 位置方法

  • indexOf(search[,fromIndex]) 从前往后搜

  • lastIndexOf(search[,fromIndex]) 从后往前搜
    找到返回在数组中的位置，否则返回-1
    比较search和数组的每一项时会使用全等于操作符

    var person = {name:'hay'};
    var peopole = [{name:'hay'}];
    alert(people.indexOf(people));  //-1
    morePeople = [person];
    alert(morePeople.indexOf(person))  //0

• 迭代方法 (ECMAScript 5 新增)
  
  • every(function(item当前值,index,array){}) 如果function每一项返回true，则返回true
  • some(…) 如果function任一项返回true，则返回true
  • filter(…) 返回function返回true的项组成的数组
  • map(…) 返回function每次调用结果组成数组
  • forEach(…) 没有返回值

• 缩小方法 (ECMAScript 5 新增)

  • reduce(function(prev前一项值,cur当前值,index,array){}) 从左遍历到右

  • reduceRight(…) 从右遍历到左

    var values = [1,2,3,4,5];
    var sum = values.reduce(function(prev,cur,index,array){
    return prev + cur;
    });
    alert(sum);  //15