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

Admin
Admin
Admin
52
文章
6
评论
2018年3月28日17:05:46 评论 4,267 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 中计算属性和侦听器 前端开发

Vue 中计算属性和侦听器

在 Vue 中通常我们会在模板绑定表达式,模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑性语句,那么整个模板就会变得特别的臃肿,可读性和维护性将会降低,因此为了简化逻辑,我们可以使用计算属...
浅谈 JS 中的防抖和节流操作 前端开发

浅谈 JS 中的防抖和节流操作

一般在进行窗口的 resize、scroll 等输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用 debounce(防抖)和 thr...
JS中的「import」和「require 」的区别 前端开发

JS中的「import」和「require 」的区别

import 和 require 是 JS 模块化编程使用的,模块化是一种将系统分离成独立功能部分的方法,一个模块是为完成一个功能的一段程序或子程序,"模块"是系统中功能单一且可替换的部分。模块化思想...
匿名

发表评论

匿名网友 填写信息

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