JS 基础之数组与伪数组

JavaScript017

JS 基础之数组与伪数组,第1张

- window.Array 全局对象(也是函数)

(1) 创建数组

注意: Array 加 new 与不加 new 效果都一样。

结论:1. number , string , boolean 等基本数据类型对应的构造函数,不加 new 的话返回的还是基本数据类型,加 new 的话返回的是复杂类型即对象( object )。

2. object ( array , function )等对应的构造函数,加 new 与不加 new 形式都一样。

window.Function 全局对象(也是函数)

注意:加不加 new 结果一样

1.具名函数

2.匿名函数

3.具名函数 + var

4.window.Function + var

注意: function 关键字 用来声明一个函数。

Function 全局对象

一般不推荐用第四种。

人类理解:数组就是数据的有序集合

JS理解:数据就是原型链中有 Array.prototype 的对象

伪数组 :1.有 0,1,2,3,4,5...n,length 这些 key 的对象。

2.原型链中没有 Array.prototype 。

目前知道的伪数组: arguments 对象

document.querySelectAll('div') 返回的对象

1. Array.prototype.forEach

使用forEach时需要接受一个函数,这个函数必须接受两个函数。

3. Array.prototype.join

将一个数组的所有元素连接成一个字符串并返回这个字符串。

7. Array.prototype.reduce

遍历一个数组,每次取个结果,并放到下一项身上。

注意:最后一段是箭头写法,比较美观。

es6新的数据结构set集合 类似数组 但是成员值 都是唯一 他们之间也可以相互转换

去重

交集

has是set集合的方法

Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。

差集

并集

这里可以有两种方案

1.可以将java的集合转换成xml或者json,然后通过ajax获取并解析

2.在页面初始化时,可以再js文件中用jstl标签输出数据(可以参考楼上的做法)