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内存图演示
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,290评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,399评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,021评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,034评论 0 207
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,412评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,651评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,902评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,605评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,339评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,586评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,076评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,400评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,060评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,851评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,685评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,595评论 2 270