JS 基础之数组与伪数组

标准库之window.array.

-window.Array 全局对象(也是函数)
(1) 创建数组

Array的用法1

Array用法的内存图
Array的用法2
不一致性
Array(3) // {length:3} 
Array(3,3) // [3,3] 
new Array(3) 跟不加 new 一样的效果
new Array(3,3,) 跟不加 new 一样的效果

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

结论:1.numberstringboolean等基本数据类型对应的构造函数,不加new的话返回的还是基本数据类型,加new的话返回的是复杂类型即对象(object)。
2.objectarrayfunction)等对应的构造函数,加new与不加new形式都一样。

结论图

标准库之window.Function.

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

Function('x','y','return x+y')
new Function('x','y','return x+y')
function的用法

注意:加不加 new结果一样

函数(function)的声明方法总结

1.具名函数

 function f(x,y){
     return x + y
 }

2.匿名函数

 var f1 
 f1= function f2(x,y){
     return x+y
 }
 console.log(f2) // undefined

3.具名函数 + var

 var f1 
 f1= function f2(x,y){
     return x+y
 }
 console.log(f2) // undefined

4.window.Function + var

 var f
 f = new Function('x','y','return x+y')

注意:function 关键字 用来声明一个函数。
Function 全局对象
一般不推荐用第四种。

数组

人类理解:数组就是数据的有序集合
JS理解:数据就是原型链中有 Array.prototype 的对象

数组和对象的区别内存图

注释:数组和对象的区别是:--proto--是否指向数组的共用的属性Arrary.prototype.
数组和对象都是对象,只不过原型链不同。

遍历数组不同的方法

伪数组:1.有 0,1,2,3,4,5...n,length 这些key 的对象。
2.原型链中没有 Array.prototype
目前知道的伪数组:arguments 对象
document.querySelectAll('div')返回的对象

伪数组之arguments

数组的API

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

forEach的用法

用法注释:在a这个函数上遍历每一项,在每一项上调用整个函数x,在调用函数x的时候传一个valuekey
2.Array.prototype.sort
对数组的元素进行排序,并返回数组。

.sort(function(x,y){return x-y} )
.sort(function(x,y){return y-x} )
.sort示例

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

.join示例

4.Array.prototype.concat
用于合并两个或多个数组,并且不会更改现有数组,而是返回一个新数组。

.concat示例

5.Array.prototype.map
遍历数组以后,并将函数操作的结果收集起来。

.map示例

.map箭头写法

6.Array.prototype.filter
创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

a.filter的基础用法
用法之获取偶数
用法之得到所有偶数的平方

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

.reduce示例

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


reduce内存图演示
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。