【JavaScript复习十一】数组内置对象方法一

最新推荐文章于 2024-08-22 14:32:34 发布

2401_85124119

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量377

点赞数 3

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2401_85124119/article/details/139585423

版权

        *   [伪数组举例](about:blank#_28)

        *   [Array.of()：创建数组](about:blank#Arrayof_44)

    *   [数组元素添加和删除方法](about:blank#_56)

    *   *   [push()](about:blank#push_59)

        *   [pop()](about:blank#pop_64)

        *   [unshift()](about:blank#unshift_68)

        *   [shift()](about:blank#shift_72)

        *   [slice()](about:blank#slice_76)

        *   [splice()](about:blank#splice_93)

与数组类型相关的方法

在这里插入图片描述

isArray()：判断是否为数组

布尔值 = Array.isArray(被检测的数组);

toString()：数组转换为字符串

字符串 = 数组.toString();

解释：把数组转换成字符串，每一项用,分割。

Array.from()：将伪数组转换为真数组

array = Array.from(arrayLike);

作用：将伪数组或可遍历对象转换为真数组。

伪数组与真数组的区别:

伪数组：包含 length 属性的对象或可迭代的对象。

另外，伪数组的原型链中没有 Array.prototype，而真数组的原型链中有 Array.prototype。因此伪数组没有数组的一般方法，比如 pop()、join() 等方法。

伪数组举例


<body>

    <button>按钮1</button>

    <button>按钮2</button>

    <button>按钮3</button>



    <script>

        let btnArray = document.getElementsByTagName('button');

        console.log(btnArray);

        console.log(btnArray[0]);

    </script>

</body>

上面的布局中，有三个 button 标签，我们通过getElementsByTagName获取到的btnArray实际上是伪数组，并不是真实的数组.

Array.of()：创建数组

Array.of(value1, value2, value3);

根据参数里的内容，创建数组。

new Array()和 Array.of()的区别在于：当参数只有一个时，前者表示数组的长度，后者表示数组中的内容。

数组元素添加和删除方法

在这里插入图片描述

push()

push()：向数组的最后面插入一个或多个元素，返回结果为新数组的长度。会改变原数组，因为原数组变成了新数组。

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

act是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

[外链图片转存中…(img-G8ot4EIU-1718044580140)]

2401_85124119

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
【JavaScript复习十一】数组内置对象方法一

上面的布局中，有三个 button 标签，我们通过getElementsByTagName获取到的btnArray实际上是伪数组，并不是真实的数组.因此伪数组没有数组的一般方法，比如 pop()、join() 等方法。的区别在于：当参数只有一个时，前者表示数组的长度，后者表示数组中的内容。5）vue：组件之间的通信（props，callback，emit）5）vue：组件之间的通信（props，callback，emit）伪数组：包含 length 属性的对象或可迭代的对象。，而真数组的原型链中有。
复制链接

扫一扫