zoukankan      html  css  js  c++  java
  • 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)
    
  • 相关阅读:
    数组子数组求最大值1
    乐游 游戏论坛开发第二阶段
    软件开发第一天
    团队开发
    解决libpython2.6.so.1.0: cannot open shared object file
    linux卸载Python3
    在Linux上安装Python3.7.1
    Pytest高级进阶之Fixture
    发现使用id定位元操作不了
    报错:Original error: Could not proxy command to remote server. Original error: Error: read ECONNRESET
  • 原文地址:https://www.cnblogs.com/kerin/p/13498919.html
Copyright © 2011-2022 走看看