| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,5 +1,6 @@ | |||
| 1 | 1 | ## JavaScript 引用数据类型 | |
| 2 | 2 | ||
| 3 | + 本章内容较多, | ||
| 3 | 4 | 引用类型的值(对象)是引用类型的一个实例。引用类型是一种数据结构,用于将数据和功能组织在一起。 | |
| 4 | 5 | ECMAScript 提供了很多原生引用类型。 | |
| 5 | 6 | ||
@@ -48,6 +49,73 @@ person["first name"] = "wjh" | |||
| 48 | 49 | ||
| 49 | 50 | ### 2、Array类型 | |
| 50 | 51 | ||
| 52 | + #### 2.1、数组创建方式 | ||
| 53 | + | ||
| 54 | + ```javascript | ||
| 55 | + // 1、使用构造函数: | ||
| 56 | + var colors = new Array(); | ||
| 57 | + // new关键字可以省略 | ||
| 58 | + var colors = Array(); // 等价于上面一个 | ||
| 59 | + // 创建长度为20的数组 | ||
| 60 | + var colors = new Array(20); | ||
| 61 | + // 向构造函数传递 包含的项 | ||
| 62 | + var colors = new Array("red", "blue", "green"); | ||
| 63 | + | ||
| 64 | + // 2、使用数组字面量表示法。 | ||
| 65 | + var colors = ["red", "blue", "green"]; // 创建一个包含3个字符串的数组 | ||
| 66 | + var names = []; // 创建一个空数组 | ||
| 67 | + var values = [1, 2, ]; // 不推荐这样用,这样会创建一个包含 2 或 3 项的数组。实测在Chrome 63.0.3239.132(正式版本)创建为length=2 的数组。 | ||
| 68 | + | ||
| 69 | + ``` | ||
| 70 | + | ||
| 71 | + #### 2.2、数组读取方式 | ||
| 72 | + | ||
| 73 | + 使用索引读取 | ||
| 74 | + | ||
| 75 | + ```javascript | ||
| 76 | + var colors = ["red", "blue", "green"]; | ||
| 77 | + alert(colors[0]); // 显示第一项 | ||
| 78 | + colors[2] = "black"; // 修改第三项 | ||
| 79 | + colors[3] = "brown"; // 新增第四项 | ||
| 80 | + ``` | ||
| 81 | + 说明:如果数组索引小于数组中的项数,则返回对应项的值。 设置数组的值也同样,但会替换指定位置的值。 | ||
| 82 | + | ||
| 83 | + **数组的项数保存在其 length 属性中,这个 length 属性有个特点————他不是只读的。即:修改 length 属性可以修改数组长度,也可以从数组的末尾移出项或向数组中添加新项。** | ||
| 84 | + | ||
| 85 | + | ||
| 86 | + ```javascript | ||
| 87 | + var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组 | ||
| 88 | + colors.length = 2; // 修改 length 属性,改为长度为 2 | ||
| 89 | + alert(colors[2]); // 读取第三项,为:undefined | ||
| 90 | + ``` | ||
| 91 | + 同理:减少项数会缩短数组长度。增加项数也会增加数组长度。新增加的位置的值都是 undefined。 | ||
| 92 | + | ||
| 93 | + #### 2.3、检测数组 | ||
| 94 | + | ||
| 95 | + 常用检测数组的方式: | ||
| 96 | + | ||
| 97 | + ```javascript | ||
| 98 | + // 1、使用 instanceof 操作符 | ||
| 99 | + if(value instanceof Array){ | ||
| 100 | + // do something | ||
| 101 | + } | ||
| 102 | + | ||
| 103 | + // 2、使用 Array.isArray() 方法 | ||
| 104 | + if(Array.isArray(value)){ | ||
| 105 | + // do something | ||
| 106 | + } | ||
| 107 | + ``` | ||
| 108 | + | ||
| 109 | + | ||
| 110 | + | ||
| 111 | + | ||
| 112 | + | ||
| 113 | + | ||
| 114 | + | ||
| 115 | + | ||
| 116 | + | ||
| 117 | + | ||
| 118 | + | ||
| 51 | 119 | ### 3、Date类型 | |
| 52 | 120 | ||
| 53 | 121 | ### 4、RegExp类型 | |
| Back | FazBrowse Home | New Git URL |
0 commit comments