JavaScript学习笔记之数组（一）

Yangder 发布于2019-08-26 11:52 / 1173人阅读

摘要：数组基础篇数组的语法数组是按次序排列的一组值。属性数组的属性，返回数组的成员数量。通过设置的值改变数组的长度将属性设为可以清空数组。类似数组的对象并不是数组，因为它们不具备数组特有的方法。

数组基础篇 1.数组的语法

数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始)。
var arr=[1,2,3] //arr[0]=1
任何类型的数据，都可以放入数组。

 var arr=[
            1,
            "a",
            undefined,
            null,
            true,
            {"name": "jack","age": 18},
            function(){console.log(fn)}
        ]
arr[5]//对象：{name: "jack", age: 18}
arr[6]//函数：ƒ (){console.log(fn)}

多维数组

var a = [[1, 2], [3, 4]];
        console.log(a[0][0])//1
        console.log(a[1][1])//4

2.数组的特点

数组是对象，typeof运算符会返回数组的类型是object
数组的特殊性体现在，它的键名是按次序排列的一组整数（0，1，2…）。

var arr = ["a","b","c"];
        console.log(typeof(arr))//object
         console.log(Object.keys(arr))// ["0", "1", "2"]

上面代码中，可以看到数组成员的键名是固定的（默认总是0、1、2…）
JavaScript 语言规定，对象的键名一律为字符串，所以，数组的键名其实也是字符串。之所以可以用数值读取，是因为非字符串的键名会被转为字符串。

3.length属性

数组的length属性，返回数组的成员数量。

JavaScript 使用一个32位整数，保存数组的元素个数。这意味着，数组成员最多只有 4294967295 个（2^32 - 1）个，也就是说length属性的最大值就是 4294967295。

只要是数组，就一定有length属性。该属性是一个动态的值，等于整数键名中的最大整数加上1。

通过设置length的值改变数组的长度
将length属性设为0可以清空数组。
如果设置length大于当前数组元素个数，则数组的长度会增加到这个值，新增的位置都是空位，读取新增的位置都会返回undefined。

length的值只能是正整数，其他值会报错

值得注意的是，由于数组本质上是一种对象，所以可以为数组添加属性和属性值，但是这不影响length属性的值。

4.in运算符

检查某个键名是否存在的运算符in，适用于对象，也适用于数组。

var arr=["a","b","c"]
        console.log(1 in arr)//true 
        console.log(3 in arr)//false

如果数组的某个位置是空位，in运算符返回false。

var arr=["a","b","c"]
        console.log(1 in arr)//true 
        console.log(3 in arr)//false
        arr[100]=2
        console.log(100 in arr)//true
        console.log(99 in arr)//false
        console.log(101 in arr)//false

5.for…in 循环和数组的遍历

for...in循环不仅可以遍历对象，也可以遍历数组，因为数组也是对象。

var arr=["a","b","c"]
        arr.dd="d"
        for(let i in arr){
            console.log(i)//0,1,2,dd
            console.log(arr[i])//a,b,c,d
        }

一般都是用for循环遍历数组

6.类数组

如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类似数组的对象”。
类似数组的对象”并不是数组，因为它们不具备数组特有的方法。

“类似数组的对象”的根本特征，就是具有length属性。这种length属性不是动态值，不会随着成员的变化而变化。

将类数组转换为数组的方法

var arr = Array.prototype.slice.call(arrayLike);

 var obj={
           0: "a",
           1: "b",
           2: "c",
           3: "d",
           "length": 4
       }
       console.log(obj instanceof Array)//false
       var arr=Array.prototype.slice.call(obj)
       console.log(arr instanceof Array)//true

类数组也可以通过call()方法可以调用数组的方法。

var obj={
           0: "a",
           1: "b",
           2: "c",
           3: "d",
           "length": 4
       }
      Array.prototype.forEach.call(obj,(value,key)=>console.log(key+":"+value))
//       0:a
//       1:b
//       2:c
//       3:d

字符串也是类似数组的对象，所以也可以用Array.prototype.forEach.call遍历。

 Array.prototype.forEach.call("string", (str,key)=>console.log(key+":"+str))
        // 0:s
        // 1:t
        // 2:r
        // 3:i
        // 4:n
        // 5:g

call()方法比直接使用数组原生的forEach要慢，所以最好还是先将类数组转为真正的数组，再调用数组的forEach方法。

GPU云服务器云服务器 javascript学习笔记学习笔记一学习笔记基础学习笔记

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107709.html

JavaScript学习笔记之数组（三）

摘要：学习笔记之数组二输出什么为什么有三个参数数组元素，元素索引，数组本身有两个参数元素本身以及进制语法参数可选。表示要解析的数字的基数。如果该参数小于或者大于，则将返回。当参数的值为或没有设置该参数时，会根据来判断数字的基数。 JavaScript学习笔记之数组（二） 1.[1,2,3].map(parseInt) 输出什么,为什么? [1,2,3].map(parseInt)//[1,N...

YPHP 2019-08-26 11:53 评论0 收藏0
JavaScript学习笔记之数组（二）

摘要：方法用于删除原数组的一部分成员，并可以在删除的位置添加新的数组成员，返回值是被删除的元素。，这两个方法，返回一个布尔值，表示判断数组成员是否符合某种条件。该函数接受三个参数当前成员当前位置和整个数组，然后返回一个布尔值。数组基础篇二数组对象 1.声明数组的方法 Array是 JavaScript 的原生对象，同时也是一个构造函数，可以用它生成新的数组。 var arr =new A...

YPHP 2019-08-26 11:52 评论0 收藏0
JavaScript MVC 学习笔记（六）模型之ORM

摘要：模型应当从视图和控制器中解耦出来。与数据操作和行为相关的逻辑都应当放入模型中，通过命名空间进行管理。在应用中，对象关系映射也是一种非常有用的技术，它可以用来做数据管理及用做模型。以基于的富应用开发为主要学习资料。 MVC 和命名空间要确保应用中的视图、状态和数据彼此清晰分离，才能让架构更加整洁有序且更加健壮。模型应当从视图和控制器中解耦出来。与数据操作和行为相关的逻辑都应当放入模型...

mrcode 2019-08-22 10:56 评论0 收藏0
JavaScript正则表达式学习笔记(二) - 打怪升级

摘要：本文接上篇，基础部分相对薄弱的同学请移步正则表达式学习笔记一理论基础。正则表达式标志符全局匹配，即找到所有匹配的。方法返回结果的格式不一致问题这个问题上文正则表达式学习笔记一理论基础也有体现，这里再单独拿来说一说，以加深记忆。 showImg(https://segmentfault.com/img/remote/1460000014261596?w=600&h=338); 本文接上篇...

Jioby 2019-08-22 16:08 评论0 收藏0
javascript设计模式学习笔记之策略模式

摘要：策略模式策略模式指的是定义一系列的算法，把它们一个个封装起来，将不变的部分和变化的部分隔开，实际就是将算法的使用和实现分离出来这样就能避免很多的条件判断并且增强了代码的复用性其中包含一个策略类和一个环境类计算奖金的例子策略类环境类设置原始工策略模式策略模式指的是定义一系列的算法，把它们一个个封装起来，将不变的部分和变化的部分隔开，实际就是将算法的使用和实现分离出来, 这样就能避...

wh469012917 2019-08-23 16:20 评论0 收藏0