* [伪数组举例](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)]