目录
方法
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脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 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)

热门话题

Java教程
1665
14
CakePHP 教程
1424
52
Laravel 教程
1322
25
PHP教程
1270
29
C# 教程
1249
24
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,用于存储键值对的数据结构等。

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请求对象等等。

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

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

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应用程序。

dom内置对象有哪些 dom内置对象有哪些 Dec 19, 2023 pm 03:45 PM

dom 内置对象有:1、document;2、window;3、navigator;4、location;5、history;6、screen;7、document.documentElement;8、document.body;9、document.head;10、document .title;11、文档.cookie。

js常用的内置对象有哪些 js常用的内置对象有哪些 Nov 08, 2023 pm 01:44 PM

js常用的内置对象有“Object”、“Function”、“Array”、“String”、“Number”、“​Boolean”、“Date”、“Math”、“RegExp”、“Error”、“JSON”和“Global”12种:1、Object,js中所有对象的父对象;2、Function,函数对象;3、Array,数组对象;4、String:字符串对象等等。

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

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

See all articles