美文网首页
JS 基础之数组与伪数组

JS 基础之数组与伪数组

作者: 饥人谷_丁健 | 来源:发表于2019-06-20 19:56 被阅读0次

标准库之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内存图演示

相关文章

  • JS 基础之数组与伪数组

    标准库之window.array. -window.Array 全局对象(也是函数)(1) 创建数组 注意:Arr...

  • JS基础之数组与伪数组

    数组的定义:数组(Array)是按次序排列的一组值。 在JS里:用Array构造出来的对象就是数组。 数组是一个有...

  • JS基础数组与伪数组

    1.基本用法 window.Array是全局函数(也是函数) Array()与new Array()是一样的效果在...

  • Android 程序员搞 web 之 js基础(十)

    Android 程序员搞 js 之 基础(九) 一、arguments 对象伪数组 这个伪对象可以替换 函数传入的...

  • 伪数组

    1、伪数组特点 2、常见伪数组 3、伪数组与数组的区别 4、伪数组转成真数组

  • JavaScript 数组与伪数组简介

    JavaScript-数组与伪数组简介 本文章面向小白 数组与伪数组的概念 数组与伪数组从何而来在JavaScri...

  • call,apply,bind的实际应用

    call,apply,bind详解传送门 求数组中的最大和最小值 将伪数组转化为数组 js中的伪数组(例如通过do...

  • JS 将伪数组转换成数组 🎄

    本文简介 点赞 + 关注 + 收藏 = 学会了 在 JS 中,伪数组 是非常常见的,它也叫 类数组。伪数组可能会给...

  • JS 将伪数组转换成数组

    本文简介 点赞 + 关注 + 收藏 = 学会了 在 JS 中,伪数组 是非常常见的,它也叫 类数组。伪数组可能会给...

  • JS基础 - 伪数组arguments

    何为伪数组 伪数组有两个特点: 具有length属性,其他属性(索引)为非负整数 但是却不具备数组的方法也就是看起...

网友评论

      本文标题:JS 基础之数组与伪数组

      本文链接:https://www.haomeiwen.com/subject/bxcsqctx.html