zoukankan      html  css  js  c++  java
  • JavaScript数组的学习

    首先数组存放位置介绍

      里面存一个window/global对象的地址,指向堆内存,  
      内存存一个hash表.里面有标准库.标准库里有Object()函数,String()函数,Number(),Boolean().
         简单类型Number,String,Boolean加不加new 结果是不一样的,加new就是生成对象,不加new就是生成简单类型。而对象array,function,狭义object加不加new都是生成object。比如new Function()和不加new的Function()  

      Array方法构造出来的那个对象,就是数组

      为什么没有声明pushkey,就可以用a.push呢,因为a.__proto__连接到了一个共用对象,Array.prototype  

      原型链:Array有很多API怎么做到体积小,功能强大呢?原型链,共用属性,共用方法,通过__proto__查询过去就好了

    var a  = Array(1,1);
    a.__proto__ ===Array.prototype//true
    a.__proto__.__proto__===Object.prototype//true
    Array.prototype.__proto__=== Object.prototype//true

      数组和对象的区别:原型不同。数组和对象不同,其中之一就是两者的公有属性不同。数组之所以是数组,是因为它有数组的特点,而对象没有数组的特点。它们二者的原型是不一样的。

      for in遍历 只关心里面有所有的键值对,

      for i循环只关心循环的标序.

      forEach,map,filter都可以传入一个函数,这个函数都可以接受三个参数,分别是值,键,数组本身,forEach没有返回值,map,filter分别返回一个新数组,map为映射返回,filter为过滤返回

      __proto__中没有Array.prototype,就是伪数组.

    计算所有偶数的平方,并将其返回成一个新数组:

    var a = [1,2,3,4,5,6,7,8,9]
    a.filter((value)=>(value%2===0)).map((value)=>(value*value))//(4) [4, 16, 36, 64]

    计算所有奇数的和

    var a = [1,2,3,4,5,6,7,8,9]
    a.reduce((sum,a)=>{
      if(a%2===1){
        return sum+a
      }else{
        return sum
      }
    },0)//25

    reverse()方法用于颠倒排列数组元素,返回改变后的数组。注意,该方法将改变原数组。

    concat()两个数组合并成一个数组,常用于数组复制。返回新数组

    push()从数组尾部添加多个元素,并返回一个新的长度

    unshift()在数组头部添加元素,并返回一个新的长度

    toString()将数组中所有的字段转化为字符串,包括逗号,返回一个新的字符串

    join()将数组转化为字符串,返回一个新的字符串

    pop()从数组尾部删除元素,并返回被删除的元素

    shift()从数组头部删除元素,并返回删除的元素

    arrA + arrB 是 arrA.toString() + arrB.toString() 

    arrA=[1,2,3];
    arrB=[4,5,6];
    arrA+arrB //"1,2,34,5,6"
  • 相关阅读:
    多元隐函数组求导快速判断自变量和因变量
    jQuery通过ajax方法获取json数据不执行success的原因及解决方法
    JS对于字符串的切割截取
    PHPStorm 解决报错:com.mysql.cj.exceptions.InvalidConnectionAttributeException
    点击checkbox后,$(this).attr('checked')得到的值不会发生改变
    phpstudy等php本地环境运行缓慢的问题解决方法
    HTML5跳转页面并传值以及localStorage的用法
    Js与jQuery的相互转换
    PhpStorm代码编辑区竖线的用途以及如何去掉
    PhpStorm 运行出现502 Bad Gateway
  • 原文地址:https://www.cnblogs.com/lxl0419/p/14150820.html
Copyright © 2011-2022 走看看