js对象方法

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对象包含有关访问者浏览器的信息。对象属性:

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)
原文地址:https://www.cnblogs.com/kerin/p/13498919.html