JavaScript 中 Array 的常用方法总结(一)

  • A+
所属分类:前端开发

Array 类型是 ECMAScript 中最常用的类型之一,ECMAScript 中的数组与其他多数语言中的数组有着相当大的区别。ECMAScript 数组的每一项可以保存任何类型的数据,这里总结了数组类型的大多数方法,方便以后查找使用。

一、创建数组的基本方式

1、使用 Array 构造函数

  1. var arr = new Array();
  2. var arr = new Array(20);                // 创建length值为20的数组
  3. var arr = new Array("red","blue");  // 创建包含2个字符串值得数组

2、使用数组字面量表示法

  1. var arr = [];
  2. var arr = ["red","blue"];

3、ES6 新增方法

  1. var arr = Array.of(1,2,3);

Array.of() 是 ES6 中新增的将一组值转换为数组的方法,该方法的出现时为了弥补构造函数 Array() 因为参数不同导致的不同行为

  1. Array()          // []
  2. Array(3)        // [ , , ]
  3. Array(1,2,3)  // [1,2,3]

从上面可以看出,只有在参数个数不少于2时候,才会返回新的数组

二、读取和设置数组值

  1. var arr = ["red","blue","green"];
  2. console.log(arr[0]);          // 读取第一项
  3. arr[2] = "black";                // 修改第三项
  4. arr[3] = "brown";              // 增加第四项
  5. arr.length = 2;                  // 删除第二项后的所有值
  6. arr[arr.length] = "yellow"; // 在数组末尾位置添加新项

注:数组的 length 属性不是只读的,因此可以通过设置这个属性,可以从数组的末尾移除项或向数组中添加新项。

三、数组的检测

  1. if(Array.isArray(arr)){
  2.     // 返回 true 和 false
  3.     // 用户操作
  4. }

四、数组的转化

  1. var colors=["red","blue","green"];
  2. console.log(colors.toString());      // red,blue,green
  3. console.log(colors.valueOf());      // red,blue,green

所有对象都具有 toString() 和 valueOf() 的方法,调用 toString() 方法会返回由数组中的每个值得字符串形式拼接而成的一个以逗号分隔的字符串;valueOf()返回的还是数组,数组的 toString() 方法可以使用 join() 方法代替,不过 join() 方法可以自定义分隔符。

  1. var arr = [1,2,3,4];
  2. console.log(arr.join());          // 1,2,3,4
  3. console.log(arr.join("/"));      // 1/2/3/4

博主只是一名前端的小白,只是把自己用到的知识分享一下,要是有什么不对的地方,欢迎大家提出~~

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: