首页  >  文章  >  web前端  >  js 的引用类型

js 的引用类型

不言
不言原创
2018-04-26 14:37:241185浏览

这次的这篇文章向大家分享的内容是关于js的引用类型,有需要的朋友们可以看一下

引用类型的值(对象)是引用类型的一个实例,,在js 里引用类型是一种数据结构,通常被称为类,es6貌似加了类这个概念,

1:object是一个基础类,其他所有类型都从object继承了基本行为,

js在使用typeof 方法时,Array 也是返回object,可以用 isArray()来判断是不是Array类型

2.Array类型

        改变原数组的方法即改变原型链上的初始数组

        push():在数组末尾添加数组元素,返回新的数组长度

        pop():删除数组的最后一项,返回被删除项

        shift():删除数组第一项,返回被删除项

        unShift():在数组前端增加数组元素,返回数组长度

        reverse():反转数组顺序

        sort():数组的排序方法,会调用数组每项的toString(),用于比较,所以成了字符串的比较,最好传给其一个比较函数

        比如:

function compare(value1,value2){
   if(value1<value2){
       return -1;
    }else if(value1>value2){
       return 1;
    }else{
       return 0;
    }
}

如果都数值类型的可以传一个较为简单的额函数

function compare(value1,value2) {
        return value2-value1;
}


    concat():讲接收到的参数添加到数组末尾,返回新的数组 

    splice():返回删除项,如果没有,则返回空数组

    可以利用splice()进行数组的删除,添加,添加

    删除:splice(0,2)删除数组前两项

    添加:splice(2,0,"red","green")在Array[2]后插入 "red","green"两项

    替换:splice(2,1,"red")将Array[2]替换成"red"

以上的方法都会改变原数组

以下的方法不会改变原数组

    slice(0,2):返回数组前两项

     数组的迭代方法every(),filter(),forEach(),map(),some()    

    他们的参数都是一个函数

(item,index,array) =>{
        
 }

其中every()和some()返回true or false 

filter()返回满足传入函数的数组元素,

forEach()没有返回值,

map()返回调用函数后的数组

归并方法:reduce()和reduceRight()

从左到右遍历数组每一项,redeuceRight()则从右到左

接受两个参数,一个函数,一个初始值(可选)

例如:

let values=[1,2,3,4]
    let sun=values.reduce((prev,cur,index,arr)=>{
      return prev+cur
    },0)


function类型

函数名实际上也是指向函数对象的指针,与指向对象的变量名没有什么区别

改变函数内部的this指向

   call(),apply()和bind()

其中call 和apply最重要的时扩充函数赖以运行的作用域

比如

window.color="red"
  let o={color:"blue"}
  function sayColor() {
      alert(this.color)
  }
  sayColor.call(this)//red
  sayColor.call(window)//red
  sayColor.call(o)//blue

bind()会创建一个函数的实例,其this值会指向被绑定到传给bind()函数的值

bind(谁),函数this就指向谁

基本包装类型

js给string ,num等创造了对应的基本包装类型,所以才能调用一些方法

string方法

charAt(1):返回位置”1“的字符

charCodeAt(1):返回位置”1“的字符编码

concat()链接字符串,不过多用的是”+“

slice(start,end):截取字符串,end不传,默认到结束位置,参数为负数,转为(字符长度+负数)

substr(start,length) :截取字符串,length不传,默认到结束,参数为负数转为(字符长度+负数)

substring(start,afterend):afterend不传,默认到结束,负数转为0,会将较小的数字作为开始位置

trim():删除字符串前后空格

split(",")以”,“分割成数组

split(",",2)取分割后数组的前两项

Math 方法

Math.ceil():向上取整

Math.floor():向下取整

Math.round():四舍五入



//说在最后:以上可能不全,大都是我自己印象不太清楚的东西


以上是js 的引用类型 的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn