目錄
方法
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

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++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,用於儲存鍵值對的資料結構等。

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。

什麼是內建對象 什麼是內建對象 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物件等等。

See all articles