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" ...
随机推荐
- 关于Mysql java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)的问题
问题所在: 1.连接数据库一个是密码是否正确, 2.driver是否对, 3.有么有jar包冲突,
- Java中方法和类的深入分析
1.构造方法不能被继承.也就是说子类里没有父类的构造方法. Java重载根据的是实参和方法形参之间的匹配.自动类型转换也在重载版本的判断中起到了作用.重载的价值在于允许使用通用名称访问相关的方法. ...
- Tableau如何绘制双柱折线组合图
一.数据准备如下所示 二.将日期拖拽至列,销售额拖拽至行,结果如下所示 三.右键日期排序-选择手动排序 四.将指标拖拽至标记卡上 五.创建计算字段增长率 SUM(IF YEAR(日期)=2017 th ...
- IO中同步异步,阻塞与非阻塞 -- 通俗篇
一.同步与异步 同步/异步, 它们是消息的通知机制 1. 概念解释 A. 同步 所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回. 按照这个定义,其实绝大多数函数都是同步调用(例 ...
- 删除空行(嵌套)(Power Query 之 M 语言)
数据源: "姓名""基数""个人比例""个人缴纳""公司比例""公司缴纳"&qu ...
- WebRTC + WebSocket 实现视频通话
前言 WebRTC WebRTC(Web Real-Time Communication).Real-Time Communication,实时通讯. WebRTC能让web应用和站点之间选择性地分享 ...
- Blazor Webassembly多标签页实现非iframe的实现
前面用iframe实现了多标签页,这次是不用iframe实现的多标签页.参考了一下Ant Design Blazor. 基本功能已经都实现了不论是标签滚动.激活.左移.右移.关闭其他,还是在内容页跳转 ...
- java 常用类库:String ; StringBuilder和StringBuffer类
1. String 1.String对象是不可变的 String类的value属性是用来存放字符串里面的值的.这个属性是被final修饰的.final修饰的变量不能够被第二次赋值,所以字符串是不可变的 ...
- 使用.NET 6开发TodoList应用(7)——使用AutoMapper实现GET请求
系列导航 使用.NET 6开发TodoList应用文章索引 需求 需求很简单:实现GET请求获取业务数据.在这个阶段我们经常使用的类库是AutoMapper. 目标 合理组织并使用AutoMapper ...
- 【LeetCode】487. Max Consecutive Ones II 解题报告 (C++)
作者: 负雪明烛 id: fuxuemingzhu 个人博客:http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 动态规划 日期 题目地址:https://leetco ...