js 的引用类型

这次的这篇文章向大家分享的内容是关于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(value1value2){       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 的引用类型 的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2776388.html

(0)
上一篇 2025年3月8日 14:51:01
下一篇 2025年2月28日 21:20:36

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 2017、2018年JS面试题记录分享

    这次的这篇文章给大家带来的内容是2017、2018年JS面试题记录分享,有感兴趣的小伙伴可以看一下 推荐相关文章:2020年最全js面试题整理(最新) 2017面试分享(js面试题记录) 1. 最简单的一道题     ’11’ * 2   …

    2025年3月8日
    200
  • js 开发跨平台界面程序

    HTML + CSS + JS 做页面布局等样式控制有种与身俱来的优越感,于是 NodeJS 的世界里便产生了  Node-Webkit(已更名为 NW.js) 和 Atom Shell,它们各自的代表作有 LightTable 和堪与 S…

    编程技术 2025年3月8日
    200
  • JavaScript设计模式系列一:工厂模式

    本篇文章给大家分享的是javascript设计模式系列:工厂模式,有感兴趣的朋友可以看一下 设计模式 设计模式(design pattern)概念:是一套反复使用、思想成熟、经过分类和无数实战设计经验的总结。是为了代码可重用、可扩展、可解耦…

    编程技术 2025年3月8日
    200
  • 用json实现ajax的数据传输方法

    这次给大家带来,用json实现ajax数据传输的注意事项有哪些,下面就是实战案例,一起来看一下。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON…

    2025年3月8日 编程技术
    200
  • JavaScript设计模式系列二:单例模式

    本篇文章给大家分享的是javascript设计模式系列二:单例模式,有感兴趣的朋友可以看一下 单例模式 前言:本系列代码已上传到GitHub地址 https://github.com/HolyZheng/… 什么是单例模式? 单…

    编程技术 2025年3月8日
    200
  • 在实战项目中Ajax应该如何传递JSON

    这次给大家带来在实战项目中Ajax应该如何传递JSON,在实战项目中Ajax传递JSON的注意事项有哪些,下面就是实战案例,一起来看一下。 前面的话   虽然ajax全称是asynchronous javascript and XML。但目…

    2025年3月8日
    200
  • JavaScript设计模式系列三:建造者模式

    本篇文章给大家分享的是javascript设计模式系列三:建造者模式,有感兴趣的朋友可以看一下 建造者模式 建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂…

    编程技术 2025年3月8日
    200
  • JavaScript设计模式系列四:原型模式

    本篇文章给大家分享的是关于javascript设计模式系列四:原型模式,有感兴趣的朋友可以看一下 本系列代码已上传到GitHub地址JavaScript设计模式demo 什么是原型模式 原型模式 (Prototype pattern):通俗…

    编程技术 2025年3月8日
    200
  • JavaScript设计模式系列五:适配器模式

    本片文章给大家分享的是javascript设计模式系列五:适配器模式,有感兴趣的朋友可以看一下 什么是适配器模式 所谓 适配器模式 就是用一个新的接口对现有的接口进行包装,处理类与API的不匹配。使用这种模式的对象又叫作包装器。比如我们有一…

    编程技术 2025年3月8日
    200
  • Ajax+json实现购物车结算

    这次给大家带来Ajax+json实现购物车结算,Ajax+json实现购物车结算的注意事项有哪些,下面就是实战案例,一起来看一下。 全选 商品 单价 数量 小计 操作 全选 删除选中产品 总价:¥0 登录后复制 body,html,ul,l…

    2025年3月8日
    200

发表回复

登录后才能评论