目录
方法
String
Array
Date
Function
首页 web前端 js教程 js面向对象中内置对象的详解(代码)

js面向对象中内置对象的详解(代码)

Sep 08, 2018 pm 04:12 PM
内置对象

本篇文章给大家带来的内容是关于js面向对象中内置对象的详解(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

方法

String

  • 获取字符串长度Length属性

  • 连接字符串:concat(String, String)

  • 获取索引值:indexOf(String)

  • 根据索引值获取单个字符:charAt(Index)

  • 从起始索引fromIndex开始截取长度length的字符串:substr(fromIndex,length)

  • 截取 起始索引startIndex  到  结束索引endIndex的子字符串,结果包含startIndex处的字符,不包含endIndex处的字符:substring(startIndex,endIndex)/slice(startIndex,endIndex)

  • 按给定字符串分割,返回分割后的多个字符串组成的字符串数组:split(String)

  • 使用选择的分隔符将一个数组合并为一个字符串:join(String)

  • 大小写转换:toLowerCase()/toUpperCase()

  • replace

  • 判断是否包含指定字符串:contains(String)

  • 判断是否为空:isEmpty()

  • html编码和解码:escapeHTML() unescapeHTML()
    replace的用法:

//$符的使用
myString=myString.replace(/(Marvin)/g,"<font color=red>$1</font>");
//函数
function test(str){
    return "<font color=&#39;red&#39;>"+str+"</font>"}
myString=myString.replace(/(Marvin)/g,test);
登录后复制

Array

  • 添加和删除:shift unshift【从数组开头开始添加或者删除】,pop push【从数组末尾添加或者删除】

  • 数组合并,参数添加到原数组中,返回新的数组:concat()

  • 排序: sort() 从小到大 reverse() 从大到小

  • 数组截取: slice(start,end)

  • 数组拼接成字符串:join(separator)

  • splice()

Date

date = new Date(2015, 2, 27, 12, 59, 59);
- date.toLocaleString(): 2015年3月27日 12:59:59
- date.toLocaleString(): 2015年3月27日 12:59:00
- date.toLocaleString(): 2015年3月27日 12:00:00
- date.toLocaleString(): 2015年3月27日 12:00:00
- date.toLocaleString(): 2015年3月27日 12:00:00

date = new Date(“month dd,yyyy hh:mm:ss”):date = new Date(‘2014-12-25’)

  • getFullYear()

  • getYear()

  • getMonth()

  • getDate(): 获取几号 - 0 - 31 比如25

  • getDay(): 获取星期几 - 比如星期3的3

  • getHours()

  • getMinutes()

  • getSeconds()

  • getMilliseconds()

  • getTime(): 获取相对于1970-01-01的毫秒值

Function

  • Arguments

  • Length

  • Caller属性 获取调用当前函数的函数。caller属性只有当函数正在执行时才被定义

  • Callee属性 返回正被执行的 Function 对象,即指定的 Function 对象的正文

  • constructor 属性 就是用来构造对象实例的函数引用。

  • Prototype属性获取对象的原型。每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。

  • Apply方法 调用函数,并用指定对象替换函数的this值,同时用指定数组替换函数的参数。

  • Call方法 调用一个对象的方法,用另一个对象替换当前对象。

  • Bind方法 对于给定函数,创建具有与原始函数相同的主体的绑定函数。

  • toString 返回对象的字符串表示形式。

call::借用,伪数组

//call的用法:借用()
var myclass={getAllPersonNumbers:function(age){return age}};
var student={
      getDetail:function(){
          return {name:&#39;Marvin&#39;,age:20}
      }
  };
myclass.getAllPersonNumbers.call(student)
//call的用法:借用(传参)
var myclass={getAllPersonNumbers:function(){return 33}};
var student={
      getDetail:function(){
          return {name:&#39;Marvin&#39;,age:20}
      }
  };
myclass.getAllPersonNumbers.call(student,20)
//call 的用法伪数组(将伪数组改为真 的数组)
var json = {1:&#39;&#39;,2:&#39;&#39;,length:2}
登录后复制
  • call方法会修改this的指针,在call后改变被借用的函数的this指针指向自身。

//call将指向全局的this的指针指向了自身student
myclass.getAllPersonNumbers.call(student,20)
登录后复制
  • 伪数组:获取到的dom就是一个伪数组,jquery获取到的也是一个伪数组

var ss = {0: &#39;Marvin&#39;, 1: &#39;lili&#39;}Array.prototype.slice.call(ss)/
/能将具有length属性的对象转成数组
=> [Marvin , lili]
登录后复制

apply:

//循环式获取最大值
function getMax(arr){
    var arrLen=arr.length;    
    for(var i=0,ret=arr[0];i<arrLen;i++){
        ret=Math.max(ret,arr[i]);
    }return ret;
}
//max()只能传递离散的数值
//获取数组中的最大值
myclass.getAllStudentsNumbers.apply(student,[10,200])return 
Math.max.call(null,1,2,3,4,5) === return Math.max.apply(null,arr);
//合并数组
Array.prototype.push.apply(arr1,arr2)
登录后复制

相关推荐:

JS中的内置对象Array详解

JS的内置对象String详解

以上是js面向对象中内置对象的详解(代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

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

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Python内置对象都有哪些 Python内置对象都有哪些 Nov 08, 2023 am 10:19 AM

Python内置对象有“int”、“float”、“str”、“list”、“tuple”、“dict”、“set”、“bool”、“NoneType”和“function”等十种:1、int,用于表示整数值;2、float,用于表示实数值;3、str,用于表示文本数据;4、list,用于存储一系列有序的元素;5、tuple,元组类型;6、dict,用于存储键值对的数据结构等。

学习使用常见的PHP内建对象:掌握内建对象的操作和用法 学习使用常见的PHP内建对象:掌握内建对象的操作和用法 Jan 10, 2024 am 10:02 AM

掌握PHP内置对象:学习常用内置对象的操作和用法,需要具体代码示例PHP作为一种广泛应用的后端开发语言,它提供了许多强大的内置对象,可以帮助我们高效地开发和管理网站。掌握这些内置对象的操作和用法对于PHP开发者来说是至关重要的。本文将介绍一些常用的PHP内置对象,并提供具体的代码示例。一、字符串处理对象(String)字符串处理在Web开发中经常用到,PHP

asp内置对象有哪些 asp内置对象有哪些 Nov 09, 2023 am 11:32 AM

asp内置对象有Request、Response、Session、Application、Server、Session.Contents、Application.Contents、Server.CreateObject、Server.MapPath、Server.Execute、Server.Transfer等。详细介绍:1、Request:表示HTTP请求对象等等。

nodejs 有哪些内置对象 nodejs 有哪些内置对象 Nov 07, 2023 pm 03:33 PM

nodejs内置对象有Global、Process、Buffer、Console、Timer、EventEmitter、Stream、File System、HTTP、URL、Query String、Crypto、Path、OS等。详细介绍:1、Global:全局对象,类似于浏览器环境中的window对象,可以在任何地方访问;2、Process等等。

vue内置对象有哪些 vue内置对象有哪些 Nov 08, 2023 pm 04:52 PM

vue内置对象有Vue、Vue实例、data、el、options、parent、root、children、slots、scopedSlots、refs、isServer、attrs和listeners。Vue.js是一个用于构建用户界面的渐进式JavaScript框架。在Vue.js中,有一些内置对象或全局API,这些对象和API可以用于创建和管理Vue应用程序。

什么是内置对象 什么是内置对象 Nov 13, 2023 am 10:40 AM

内置对象通常是指编程语言本身提供的、具有特定功能和属性的对象,这些对象通常是该编程语言的一部分,不需要额外导入或加载,就可以直接在代码中使用,通过使用内置对象,开发者能够方便地进行各种操作,并且这些对象在不同的程序中都具有相同的行为。

什么是jsp内置对象 什么是jsp内置对象 Nov 03, 2023 pm 02:36 PM

jsp内置对象是指jsp中的一些预定义的对象。可以直接在页面中使用,这些内置对象提供了许多有用的功能和属性,使得开发者可以更轻松地处理和操作数据。JSP中常见的内置对象有request对象、response对象、out对象、session对象、application对象、config对象、pageContext对象、exception对象等等。

java中有哪些内置对象 java中有哪些内置对象 Nov 08, 2023 pm 05:01 PM

java中内置对象有String、System、Out、In、Console、Math、Runtime、Thread、Exception、Throwable、Error、RuntimeException、SecurityManager、Class、Object、Package、InputStream、OutputStream、FileInputStream等等。

See all articles