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
区别:
- map方法必须保证它里面的元素可以被索引到,即元素值不是:null, undefined,空位。
2.froEach方法获取除了空位的所有元素。
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对象方法的更多相关文章
- json转js对象方法,JS对象转JSON方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- 小程序-调用公共js对象方法/ app.js
在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下 子页面js: 1 2 3 4 5 6 7 8 //调用公共js对象以便调用其方法 var app = ge ...
- 学习zepto.js(对象方法)[4]
今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents&qu ...
- 学习zepto.js(对象方法)[1]
zepto也是使用的链式操作,链式操作:函数返回调用函数的对象. 但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说 ...
- js 对象方法、类方法、原型方法的区别;私有属性、公有属性、公有静态属性的区别
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- js 对象方法、类方法、原型方法区别
function People(name){this.name=name;//对象方法this.Introduce=function(){alert("My name is "+t ...
- 学习zepto.js(对象方法)[5]
继续说. clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp = $("div").clone(); //并不接收任何参数. ...
- 学习zepto.js(对象方法)[3]
继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法. attr(): 三种用途 get: 返回值为一个string字符串 $("<s ...
- 学习zepto.js(对象方法)[6]
first: 获取当前对象集合中的第一个dom元素. $("div").first(); // 返回第一个div对象(zepto对象) //相当于$("div" ...
随机推荐
- Nginx配置FTP
目录 一.简介 二.配置 一.简介 ftp有单独的服务,但配置并不轻松.相对于比较熟悉的nginx,做ftp要容易很多. 二.配置 添加一个server字段 server { listen 8888; ...
- Tableau如何绘制瀑布图
一.将子类别拖至列,利润拖拽至行,类型改为甘特条形图 二 右键利润-快速表计算-汇总(数据会从左向右显示累计汇总) 三.创建计算字段-[利润] 四.将负利润拖拽到大小,利润拖拽到颜色 分析-合计-显示 ...
- Pytorch入门中 —— 搭建网络模型
本节内容参照小土堆的pytorch入门视频教程,主要通过查询文档的方式讲解如何搭建卷积神经网络.学习时要学会查询文档,这样会比直接搜索良莠不齐的博客更快.更可靠.讲解的内容主要是pytorch核心包中 ...
- Cyber Apocalypse 2021 pwn write up
Controller 考点是整数溢出和scanf函数的引发的栈溢出漏洞,泄露libc地址将返回地址覆盖成one_gadgets拿到shell. 1 from pwn import * 2 3 p = ...
- 成本计划的输出(Project)
<Project2016 企业项目管理实践>张会斌 董方好 编著 所谓"输出"就是把数据摆出来让人看,好吧,这种"看",可以直接在屏幕上看,也可以打 ...
- CF535A Tavas and Nafas 题解
Content 请输出整数 \(s\) 的英文写法. 数据范围:\(0\leqslant s\leqslant 99\). Solution 直接对应打表即可. 当 \(0\leqslant s\le ...
- Excel数据导出功能
HTML代码: <a id="aExportData" hidden><span>Export</span></a> <div ...
- 网络编程socket 结合IO多路复用select; epool机制分别实现单线程并发TCP服务器
select版-TCP服务器 1. select 原理 在多路复用的模型中,比较常用的有select模型和epoll模型.这两个都是系统接口,由操作系统提供.当然,Python的select模块进行了 ...
- PlatformIO手工升级stcgal到1.6版本
PlatformIO自带的stcgal版本为1.4, 这个版本只支持到STC15, 不支持STC8. 在使用PlatformIO内建的upload写入STC8A8K64S4A12时, 会提示不识别的协 ...
- c++使用map保存成员函数地址
note 本基于c++11介绍一种使用map保存成员函数地址 可避免使用 if 和 switch 配置灵活 方便, 代码维护效率高 结果: 范例开始 头文件包含 #include <iostre ...