欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1. 介绍
 
  1.1 说明
 
  数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是无类型:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。 --《JavaScript权威指南(第六版)》
 
  1.2 定义方式
 
  var names=new Array("张三", "李四", "王五");
 
  //或者
 
  var names=["张三", "李四", "王五"];
 
  1.3 属性
 
  length:表示数组内的元素长度。
 
  2. 实例方法常用方法:
 
  1) unshift() :在数组头部插入元素
 
  2) shift() :移除并返回数组的第一个元素
 
  3) push() :在数组尾部插入元素
 
  4) pop() :移除并返回数组的最后一个元素
 
  2.1 concat() :把元素衔接到数组中。不会修改原先的array,返回新的数组
 
  参数:
 
  ①value1,value2.....valueN :任意多个值
 
  返回值:
 
  {Array} 一个新的数组,包含原先的Array和新加入的元素。
 
  示例:
 
  var demoArray=['a', 'b', 'c'];
 
  var demoArray2=demoArray.concat('e');
 
  console.log(demoArray); //=> demoArray:['a','b','c'] 原数组不发生变更
 
  console.log(demoArray2); //=> ['a','b','c','e']
 
  2.2 every() :依次遍历元素,判断每个元素是否都为true
 
  参数:
 
  ①function(value,index,self){} :每个元素都会使用此函数判断是否为true,当判断到一个为false时,立即结束遍历。
 
  value :数组遍历的元素
 
  index :元素序号
 
  self :Array本身
 
  返回值:
 
  {Boolean} :只有每个元素都为true才返回true;只要一个为false,就返回false。
 
  示例:
 
  var demoArray=[1, 2, 3];
 
  var rs=demoArray.every(function (value, index, self) {
 
  return value > 0;
 
  });
 
  console.log(rs); //=> true
 
  2.3 filter() :依次遍历元素,返回包含符合条件元素的新的数组
 
  参数:
 
  ①function(value,index,self){} :每个元素依次调用此函数,返回包含符合条件元素的新的数组。
 
  value :数组遍历的元素
 
  index :元素序号
 
  self :Array本身
 
  返回值:
 
  {Array} 一个包含符合条件元素的新的数组
 
  示例:
 
  var demoArray=[1, 2, 3];
 
  var rs=demoArray.filter(function (value, index, self) {
 
  return value > 0;
 
  });
 
  console.log(rs); //=> [1, 2, 3]
 
  2.4 forEach() :依次遍历元素,执行指定的函数;无返回值
 
  参数:
 
  ①function(value,index,self){} :每个元素依次调用此函数
 
  value :数组遍历的元素
 
  index :元素序号
 
  self :Array本身
 
  返回值:无
 
  示例:
 
  var demoArray=[1, 2, 3];
 
  demoArray.forEach(function (value, index, self) {
 
  console.log(value); //=> 依次输出:1 2 3
 
  });
 
  2.5 indexOf() :在数组中查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'
 
  参数:
 
  ①value :要在数组中查找的值。
 
  ②start :开始查找的序号位置,如果省略,则为0.
 
  返回值:
 
  {Int} :返回数组中第一个匹配value的序号,若不存在,返回-1
 
  示例:
 
  ['a', 'b', 'c'].indexOf('a'); //=>0
 
  ['a', 'b', 'c'].indexOf('a', 1); //=>-1
 
  ['a', 'b', 'c'].indexOf('d'); //=>-1
 
  [1, 2, 3].indexOf('1'); //=> -1 :采用的'==='匹配方式
 
  2.6 join() :将数组中所有元素通过一个分隔符拼接为一个字符串
 
  参数:
 
  ①sparator {String}:各元素之间的分隔符,如果省略,默认以因为英文逗号','分隔。
 
  返回值:
 
  {String} :各元素以sparator为分隔符,拼接而成的一个字符串。
 
  示例:
 
  ['a', 'b', 'c'].join(); //=> 'a,b,c'
 
  ['a', 'b', 'c'].join('-'); //=> 'a-b-c'
 
  2.7 lastIndexOf :在数组中反向查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'
 
  参数:
 
  ①value :要在数组中查找的值。
 
  ②start :开始查找的序号位置,如果省略,则从最后一个元素开始查找。
 
  返回值:
 
  {Int} :从右到左开始查找数组中第一个匹配value的序号,若不存在,返回-1
 
  示例:
 
  ['a', 'b', 'c'].lastIndexOf('a'); //=> 0
 
  ['a', 'b', 'c'].lastIndexOf('a', 1); //=> 0
 
  ['a', 'b', 'c'].lastIndexOf('d'); //=> -1
 
  [1, 2, 3].lastIndexOf('1'); //=> -1 :采用的'==='匹配方式

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h62072.shtml