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

Admin
Admin
Admin
49
文章
6
评论
2018年3月28日17:05:46 评论 2,944 1311字阅读4分22秒

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

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

继续阅读
Admin
  • 本文由 发表于 2018年3月28日17:05:46
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
Vue-Router + Webpack 路由懒加载实现 前端开发

Vue-Router + Webpack 路由懒加载实现

当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件...
匿名

发表评论

匿名网友 填写信息

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