Number对象方法

toFixed() 方法

toFixed()方法返回的是具有指定位数小数的数字的字符串表示。例如:

var oNumberObject = new Number(68);
alert(oNumberObject.toFixed(2)); //输出 "68.00"

toExponential() 方法

它返回的是用科学计数法表示的数字的字符串形式。

与toFixed()方法相似,toExponential()方法也有一个参数,指定要输出的小数的位数。

var oNumberObject = new Number(68);
alert(oNumberObject.toExponential(1)); //输出 "6.8e+1"

String对象方法:

charAt() 和 charCodeAt() 方法

charAt()方法返回的是包含指定位置处的字符的字符串:

var oStringObject = new String("hello world");
alert(oStringObject.charAt(1)); //输出 "e"

如果想得到的不是字符,而是字符代码,那么可以调用charCodeAt()方法:

var oStringObject = new String("hello world");
alert(oStringObject.charCodeAt(1)); //输出 "101"
//这个例子输出"101",即小写字母"e"的字符代码。

concat() 方法

concat()方法,用于把一个或多个字符串连接到String对象的原始值上。该方法返回的是String原始值,保持原始的String对象不变:

var oStringObject = new String("hello ");
var sResult = oStringObject.concat("world");
alert(sResult); //输出 "hello world"
alert(oStringObject); //输出 "hello "

indexOf() 和 lastIndexOf() 方法

indexOf()和lastIndexOf()方法返回的都是指定的子串在另一个字符串中的位置,如果没有找不到子串,则返回-1。

/**
*indexOf()方法是从字符串的开头(位置0)开始检索字符串,
*而lastIndexOf()方法则是从字符串的结尾开始检索子串
*/
var oStringObject = new String("hello world!");
alert(oStringObject.indexOf("o")); //输出 "4"
alert(oStringObject.lastIndexOf("o")); //输出 "7"

localeCompare() 方法

localeCompare(),对字符串进行排序。

slice() 和 substring()

这两种方法返回的都是要处理的字符串的子串,都接受一个或两个参数。第一个参数是要获取的子串的起始位置,第二个参数(如果使用的话)是要获取子串终止前的位置(也就是说,获取终止位置处的字符不包括在返回的值内)。如果省略第二个参数,终止位就默认为字符串的长度。

与concat()方法一样,slice()和substring()方法都不改变String对象自身的值。它们只返回原始的String值,保持String对象不变。

var oStringObject = new String("hello world");
alert(oStringObject.slice("3")); //输出 "lo world"
alert(oStringObject.substring("3")); //输出 "lo world"
alert(oStringObject.slice("3", "7")); //输出 "lo w"
alert(oStringObject.substring("3", "7")); //输出 "lo w"

这两个方法并不完全相同,不过只在参数为负数时,它们处理参数的方式才稍有不同。

对于负数参数,slice()方法会用字符串的长度加上参数,substring()方法则将其作为0处理(也就是说将忽略它)。

var oStringObject = new String("hello world");
alert(oStringObject.slice("-3")); //输出 "rld"
alert(oStringObject.substring("-3")); //输出 "hello world"
alert(oStringObject.slice("3, -4")); //输出 "lo w"
alert(oStringObject.substring("3, -4")); //输出 "hel"

substr()

抽取指定数目的字符:

var str="Hello world!";
var n=str.substr(2,3)//llo

toLowerCase()

toLocaleLowerCase()

toUpperCase()

toLocaleUpperCase()

前两种方法用于把字符串转换成全小写的,后两种方法用于把字符串转换成全大写的。

toLowerCase()和toUpperCase()方法是原始的,是以java.lang.String中相同方法为原型实现的。

toLocaleLowerCase()和toLocaleUpperCase()方法是基于特定的区域实现的(与localeCompare()方法相同)。

在许多区域中,区域特定的方法都与通用的方法完全相同。不过,有几种语言对Unicode大小写转换应用了特定的规则(例如土耳其语),因此必须使用区域特定的方法才能进行正确的转换。

var oStringObject = new String("Hello World");
alert(oStringObject.toLocaleUpperCase()); //输出 "HELLO WORLD"
alert(oStringObject.toUpperCase()); //输出 "HELLO WORLD"
alert(oStringObject.toLocaleLowerCase()); //输出 "hello world"
alert(oStringObject.toLowerCase()); //输出 "hello world"

instanceof 运算符

instanceof运算符与typeof运算符相似,用于识别正在处理的对象的类型。与typeof方法不同的是,instanceof方法要求开发者明确地确认对象为某特定类型。例如:

var oStringObject = new String("hello world");
alert(oStringObject instanceof String); //输出 "true"

Array对象静态方法

isArray(obj)

静态方法

功能:用来判断一个值是否为数组

 var arr = [10,'Hello', “Jhone”,{name:”zhangsan”,age:26}]
console.log(typeof arr) // object
console.log(Array.isArray(arr)) //true

Array对象实例方法

valueOf()

功能:返回数组本身

 var a = [1,2,3]
a.valueOf()

toString()

功能:返回数组的字符串形式

var a = [1,2,3]
a.toString()//”1,2,3”

push(obj)

功能:在数组的末端添加一个或多个元素,并返回添加后的数组的长度

var a = []
a.push(‘Hello’)//1

pop()

功能:删除数组的最后一个元素,并返回该元素

var a =[1,2,3]
a.pop()//3

join()

功能:以参数作为分隔符,将所有数组成员组成一个字符串返回。

var a =[1,2,3]
a.join() //”1,2,3”

注:如果不提供参数,默认用逗号分隔。

concat()

功能:将新数组的成员,添加到原数组的尾部,然后返回一个新数组

var a = [1,2,3]
var b = ['java','python']
a.concat(b)//[1,2,3,'java','python']

shift()

功能:删除数组的第一个元素,并返回该元素

var b  = ['java','python']
b.shift() // java

unshift()

功能:在数组的第一个位置添加元素,并返回添加新元素后的数组长度

var b  = ['java','python']
b.unshift('C') //3

reverse()

功能:颠倒数组中元素的顺序,返回改变后的原数组

var b  = ['java','python','c']
b.reverse() //['c','python','java']

slice()

功能:返回数组指定位置的成员组成的新数组,原数组不变

var a = [1,2,3,4,5,6]
a.slice(3) //[4,5,6]
a.slice(2,4) //[3,4]

注:它的第一个参数为起始位置(从0开始),第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回到原数组的最后一个成员。

splice()

功能:删除元素,返回被删除的元素

参数:第一个参数是删除的起始位置,第二个参数是被删除的元素个数。如果后面还有更多的参数,则表示这些就是要被插入数组的新元素。

var a = [1,2,3,4,5,6]
a.splice(2) // [3, 4, 5, 6]

sort()

功能:对数组元素进行排序

var a = [1,7,3,2,4,6]
a.sort()//[1,2,3,4,6,7]

注:sort方法不是按照大小排序,而是按照对应字符串的字典顺序排序。

map()

功能:对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组

var a = [1,2,3,4,5,6]
var b = a.map(function(e){
return e+3
})
结果:[4,5,6,7,8,9]

forEach()

功能:遍历数组中的所有元素

var arr = ['Jack','Tomth','Green','Jhon']
arr.forEach(function(e){
console.log(e)
})
结果:Jack , Tomth , Green , Jhon

区别:

  1. map方法必须保证它里面的元素可以被索引到,即元素值不是:null, undefined,空位。

​ 2.froEach方法获取除了空位的所有元素。

  1. map方法有返回值,而forEach方法没有返回值。

    4.此方法的返回值与原数组没有影响。

filter()

功能:对所有成员调用一个测试方法,返回结果为true的成员组成的新数组

var score=[65,71,80,73,90,43,52]
var qualiscore = score.filter(function(e){
return e > 60;
})
结果:[65, 71, 80, 73, 90]

其他方法:

some()

对所有元素调用一个测试函数,只要有一个元素通过该测试,就返回true,否则返回false

every()

对所有元素调用一个测试函数,只有所有元素通过该测试,才返回true,否则返回false

var qualiscore = score.filter(function(e){
return e > 60;
})
结果: true

reduce()

从左到右依次处理数组的每个元素,最终累计为一个值。

reduceRight()

从右到左依次处理数组的每个元素,最终累计为一个值。

reduce方法的第一个参数是一个处理函数。该函数接受四个参数,分别是:

用来累计的变量(即当前状态),默认值为0

数组的当前元素

当前元素在数组中的序号(从0开始)

原数组

target属性值

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

window对象

内置属性:

window.innerHeight	//窗口的文档显示高度
window.innerWidth //窗口的文档显示宽度
window.outerHeight //窗口的外部高度,包含工具条和滚动条
window.outerWidth //窗口的外部宽度,包含工具条和滚动条
window.closed //窗口是否被关闭
window.name // 窗口的名称
window.status //窗口状态栏的文本

内部方法:

window.open()		打开新窗口
window.close() 关闭当前窗口
window.moveTo() 移动窗口
window.resizeTo() 调整窗口尺寸
window.print() 打印当前窗口中的内容

方法

window.open(URL,name,specs,replace)
注:
URL:可选,打开指定页面的URL地址
name:可选,target属性值或窗口名称
specs:可选,用逗号分隔的项目列表
replace:可选,装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目
例: windows.open('https://www.baidu.com')
window.moveTo(x,y)
注:
x: 必填,X轴坐标
y: 必填,Y轴坐
例: windows.moveTo(0,0)
window.resizeTo(w,h)
注:
w: 必填,窗口的宽度,以像素为单位
h: 必填,窗口的高度,以像素为单位
例:window.resizeTo(500,300)

window子对象

screen

Screen对象包含用户屏幕的信息,window.screen 在编写代码时,前面的window可以不用写。screen 对象的属性有:

screen.availHeight		返回屏幕的高度(不包括Windows任务栏)
screen.availWidth 返回屏幕的宽度(不包括Windows任务栏)
screen.colorDepth 返回目标设备或缓冲器上的调色板的比特深度
screen.height 返回屏幕的总高度
screen.pixelDepth 返回屏幕的颜色分辨率(每象素的位数)
screen.width 返回屏幕的总宽度
例:console.log(screen.availWidth) // 1366

location

location对象是window对象的一部分,包含的当前URL的信息。对象属性:

location.host		主机名和端口
location.hostname 主机名
location.href 完整的URL
location.pathname 路径名
location.port 端口号
location.protocol 协议名
location.search 查询部分

对象方法:

location.assign()		载入一个新文档
location.reload() 重新载入当前文档
location.replace() 用新文档替换当前文档
例:
location.assign('http://www.baidu.com')

history

history 对象包含用户访问过的URL。对象属性:

history.length 	历史列表中的网址数

对象方法:

history.back()		加载历史记录列表中的上一个URL
history.forward() 加载历史记录列表中的下一个URL
history.go() 加载历史记录列表中的某个具体页面

navigator

navigator对象包含有关访问者浏览器的信息。对象属性:

appCodeName		浏览器代码名
appName 浏览器名称
appVersion 浏览器的平台和版本信息
cookieEnabled 是否启用cookie的布尔值
platform 浏览器的操作系统平台
userAgent 客户机发送服务器的user-agent头部值

警告:来自navigator 对象的信息具有一定的误导性,因为:1.navigator 的数据可以被浏览器使用都更改;2.浏览器无法报告晚于浏览器发布的新操作系统;3.一些浏览器对测试站点会识别错误。

弹窗

警告框

​ 警告框常用于确保用户可以得到某些信息。

语法:alert(“Hello JavaScript!”)

注意:警告框中无法输出HTML元素

确认框

​ 确认框通常用于验证是否接受用户操作。当用户点击确认,确认框返回true;如果点击取消,确认框返回false。

语法:	confirm('你确定此项操作吗?')

提示框

​ 提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入靶标个值,然后点击确认或取消按钮才能继续操作。如果用户点击确认,那么返回用户的输入值;如果用户点击取消,返回null。

语法: prompt('请输入您的编号:')

计时

setInterval()

功能:间隔指定的毫秒数据重复地执行指定的代码(多次)

语法:

setInterval(function,milliseconds);

例:

var  hello = setInterval(function(){alert('Hello')},2000)

结果:每隔2秒弹出 'Hello'

注:

1.此方法在调用时会返回一个序列号

2.一般情况需要获取此返回值,以便在适当的时候停止此事件。

停止:

clearInterval(hello);

setTimeout()

​ 间隔指定的毫秒数后执行指定的代码(一次)

语法:

setTimeout(function,milliseconds)

例:

var msg = setTimeout('console.log(“Hello”)',3000)

结果:在3秒后在控制台输出Hello 字符串

停止:

clearTimeout(msg)

js对象方法的更多相关文章

  1. json转js对象方法,JS对象转JSON方法

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. 小程序-调用公共js对象方法/ app.js

    在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下 子页面js: 1 2 3 4 5 6 7 8 //调用公共js对象以便调用其方法 var app = ge ...

  3. 学习zepto.js(对象方法)[4]

    今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents&qu ...

  4. 学习zepto.js(对象方法)[1]

    zepto也是使用的链式操作,链式操作:函数返回调用函数的对象. 但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说 ...

  5. js 对象方法、类方法、原型方法的区别;私有属性、公有属性、公有静态属性的区别

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  6. js 对象方法、类方法、原型方法区别

    function People(name){this.name=name;//对象方法this.Introduce=function(){alert("My name is "+t ...

  7. 学习zepto.js(对象方法)[5]

    继续说. clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp = $("div").clone(); //并不接收任何参数. ...

  8. 学习zepto.js(对象方法)[3]

    继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法. attr(): 三种用途 get: 返回值为一个string字符串 $("<s ...

  9. 学习zepto.js(对象方法)[6]

    first: 获取当前对象集合中的第一个dom元素. $("div").first(); // 返回第一个div对象(zepto对象) //相当于$("div" ...

随机推荐

  1. Java分层思想

    从最常规的分层结构来说,系统层次从上到下依次为: 表现层/UI层/界面层:主要是客户端的展示. 服务层/业务层:直接为客户端提供的服务或功能.也是系统所能对外提供的功能. 领域层:系统内的领域活动. ...

  2. Python循环控制

    一.比较符 和算术操作符一样,布尔操作符也有操作顺序.在所有算术和比较操作符求值后,Python 先求值 not 操作符,然后是 and 操作符,然后是 or 操作符. 二.if控制 if name ...

  3. [WPF] 用 OpacityMask 模仿 UWP 的 Text Shimmer 动画

    1. UWP 的 Text Shimmer 动画 在 UWP 的 Windows Composition Samples 中有一个 Text Shimmer 动画,它用于展示如何使用 Composit ...

  4. 人工水母搜索算法--JS

    1. 人工水母算法原理背景 水母生活在世界上不同深度和温度的水中.它们酷似钟状,一些水母的直径小于1cm,然有些水母直径则非常大.它们有各种各样的颜色.大小和形状.大多数水母偏好海洋环境.它们进食的方 ...

  5. Arduino对智能机器人进行简单编程

    Arduino对智能机器人进行简单编程 #include "ESP8266.h" #define TRIG_PIN 5 #define ECHO_PIN A5 #define BE ...

  6. JAVA获取html中的所有img链接

    public static List<String> getImageSrc(String htmlCode) { List<String> imageSrcList = ne ...

  7. 【LeetCode】1170. Compare Strings by Frequency of the Smallest Character 解题报告(C++)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 双重循环 日期 题目地址:https://leetc ...

  8. 【LeetCode】967. Numbers With Same Consecutive Differences 解题报告(Python & C++)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 DFS 日期 题目地址:https://leetco ...

  9. Codeforces Round #358 (Div. 2) C. Alyona and the Tree

    C. Alyona and the Tree time limit per test 1 second memory limit per test 256 megabytes input standa ...

  10. 1052 - String Growth

    1052 - String Growth    PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limit: 32 MB Z ...