concat:连接产生一个新数组

[1,2].concat([3,4])
     >> [1, 2, 3, 4]

filter:返回符合条件的一个新数组

[1,2,3,4,5].filter(function aa(item){return item>3})
     >> [4, 5]

indexOf:寻找元素所在的坐标

[1,2,3,4].indexOf(3)
     >>2           //没有则返回-1

join:数组转为字符串

[1,2,3,4].join()
      >> "1,2,3,4"
      [1,2,3,4].join('——')
      >>"1——2——3——4"

map:批量处理数组元素

[1,2,3].map(function aa(item){return item+1})
      >>[2, 3, 4]

pop():删除数组最后一个元素

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

push():尾部添加元素

var a=[1,2,3]
      a.push('Hey')  ---->  4   //数组的新长度
      a ----->  [1, 2, 3, "Hey"]

reverse():反转数组

[1,2,3].reverse()
      [3, 2, 1]

shift():删除头部元素

var a=[1,2,3]
     a.shift() ----->  1
     a  ----->   [2, 3]

slice():截取一部分,返回一个新数组

[0,1,2,3,4].slice(1,3)
       >>[1, 2]

sort():数组排序

[11,3,5,40].sort()
       >>[11, 3, 40, 5]  //40在5前面

[11,3,5,40].sort(function(a,b){return a-b})
       >> [3, 5, 11, 40]

splice():删除与添加

var a=[1,2,3]
       a.splice(1,1,'A','B') ----> [2]  //返回被删除的元素
       a ----->  [1, "A", "B", 3]

unshift():头部添加元素

var aa=[1,2,3]
       aa.unshift(-1,0) ----> 5
       aa ----> [-1, 0, 1, 2, 3]

字符串对象:

length:字符串长度

'abc'.length
              >>3

charAt():根据字符位置查找字符

'abcd'.charAt(2)

>>"c"

concat():拼接字符串

'abc'.concat('123')
             >>"abc123"

indexOf:查找字符所在的坐标

'123'.indexOf('2')
             >>1  //没有则返回-1

match() :检索指定的值

replace():替换字符串

var a='123abcc'
            var n=a.replace('c','WW')
            a  ----->  "123abcc"
            n  ----->  "123abWWc"
            var a='123abcc'
            var n=a.replace(/c/g,'WW')
            n  ----->  "123abWWWW"

slice(): 提取部分字符串

'abcd'.slice(1,3)  ----->  "bc"  //局部截取

'abcd'.slice(1)  ----->  "bcd"   //x到尾

'abcd'.slice(-1)  -----> "d"  //最后一个

split():把字符串分割成字符串数组

'a b a'.split(' ')   ----->  ["a", "b", "a"]   //返回一个新的数组,不影响原字符串

substr(x,y) : 提取x始y个字符串

'abcde'.substr(2,3)   ------>  "cde"

substring(a,b) : 提取a始b前的部分字符串

'abcde'.substring(1,3)  ------>  "bc"

        字母大小转换:

'abCD'.toLocaleLowerCase()  ------>  "abcd"

'abCD'.toUpperCase()  ------> "ABCD"

去除两端空白:

' a '.trim() ----->  "a"

date对象:

获取今年的年份:

new Date().getFullYear()  ----->  2019

返回当前月份数

new Date().getMonth() -----> 0

获取今天的天数:

(new Date()).getDate() ----->  21

获取星期几的数字:

(new Date()).getDay() ----->  1   //星期一

返回当前小时数:

new Date().getHours()  -----> 14

返回当前的分钟数

new Date().getMinutes() -----> 28

获取历史累计毫秒数:

new Date().getTime()  ------> 1548052377509

new Date('2019/01/21').getTime()   ------> 1548000000000

获取今天的时间:

new Date(Date.parse(new Date()))

>>Mon Jan 28 2019 10:13:26 GMT+0800 (中国标准时间)

获取前一天:

new Date(Date.parse(new Date())-1000*60*60*24)
              >>Sun Jan 27 2019 10:14:09 GMT+0800 (中国标准时间)

全局函数:

isNaN() : 检查参数是否非数值

[isNaN(0), isNaN(2.3), isNaN('abc')]  ------->   [false, false, true]

Number():把对象转为数字

[Number(true), Number(false), Number('999 8'), Number('999a'), Number(new Date())]
               >> [1, 0, NaN, NaN, 1548053176183]

parseFloat():返回字符串中的数字

[parseFloat("40years"), parseFloat("a40"), parseFloat("1.22")]
               >>[40, NaN, 1.22]

parseInt():字符串转为数字

[parseInt("10"), parseInt("10as")]
               >> [10, 10]

String():把对象转为字符串

String(true)  ------->   "true"

document对象:

获取当前获取焦点元素:

document.activeElement.tagName

返回文档中的body元素:

document.body

获取与当前文档有关的cookie:

document.cookie

创建 class 属性节点, 属性值为 "democlass":

               var att=document.createAttribute("class");
               att.value="democlass";
       
        创建元素节点:
               var btn=document.createElement("BUTTON");
               var t=document.createTextNode("CLICK ME");
               btn.appendChild(t);
    
        获取符合类名的元素集合:
               document.getElementsByClassName("className");
 
        获取符合ID的元素:
               document.getElementById("demo");
 
        获取符合标签名的元素集合:
               document.getElementsByTagName()
 
        先进选择器:
              document.querySelector()
              document.querySelectorAll()
 
        获取文档标题:
              document.title
 
 
Dom元素对象:
        
       添加事件:
            document.getElementById("myBtn").addEventListener("click", function(){ ....})
  
       添加子元素:
            document.getElementById("myList").appendChild(newListItem);
 
       获取样式名类数组:
            document.getElementById("myDIV").classList.add("mystyle");
 
        返回元素样式属性的字符串:
             element.className
 
        返回元素可视高度:
             element.clientHeight
 
        元素克隆:
             document.getElementById("myList2").lastChild.cloneNode(true);  //true:包括当前元素的所有子孙节点
 
        返回元素的第一个元素:
             element.firstChild
         
        元素获取焦点:
             element.focus()
 
        返回元素某属性值:
             element.getAttribute()
 
        设置或返回元素id:
             element.id
 
       设置或返回元素内容:
             element.innerHTML
 
       在某父元素的某子元素前插入元素:
             parentElement.insertBefore(newElement , targetElement)
 
       获取子元素数组:
            list.childNodes[0]
  
       返回最后一个元素:
            element.lastChild
   
       返回紧跟的元素:
            element.nextSibling
 
      返回元素的标记名:
           element.nodeName
 
      返回元素高度:
           element.offsetHeight
 
      元素的相对偏移:
           element.offsetLeft
 
      删除指定子元素:
          list.removeChild(list.childNodes[0]);
 
     返回元素高度,包括滚动高度:
           element.scrollHeight
 
    获取或设置一个元素的内容垂直滚动的像素数:
          element.scrollTop
 
 
 
 
 
 
 

javascript常用对象方法的更多相关文章

  1. 前端学习(十七):JavaScript常用对象

    进击のpython ***** 前端学习--JavaScript常用对象 JavaScript中的所有事物都是对象:字符串.数字.数组.日期,等等 在JavaScript中,对象是拥有属性和方法的数据 ...

  2. JavaScript常用对象有哪些

    JavaScript常用对象有哪些 1.String 2.Date 3.Math 4.Array 5.Number 6.Boolean

  3. JavaScript常用工具方法

    JavaScript常用工具方法 1.日期格式化 2.将日期字符串转换为Date,字符串格式为(yyyy-mm-dd hh:mm:ss) 3.JS获取当天00:00:00时间和23:59:59的时间 ...

  4. JavaScript常用对象的方法和属性

    ---恢复内容开始--- 本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩 ...

  5. JavaScript数组对象方法

    数组的方法:首先,数组的方法有数组原型方法,也有从object对象继承来的方法.这里只详细说明一下数组的原型方法. (1)join:把数组中的所有元素放入一个字符串.元素通过指定的分隔符进行分隔. 例 ...

  6. JavaScript Math 对象方法

    Math 对象方法 方法 描述 abs(x) 返回数的绝对值. acos(x) 返回数的反余弦值. asin(x) 返回数的反正弦值. atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值 ...

  7. JavaScript String 对象方法

    String 对象方法 方法 描述 anchor() 创建 HTML 锚. big() 用大号字体显示字符串. blink() 显示闪动字符串. bold() 使用粗体显示字符串. charAt() ...

  8. JavaScript Date对象方法详细总结

    Date 对象方法 方法 描述 Date() 返回当日的日期和时间. getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31). getDay() 从 Date 对象返回一周中的某 ...

  9. Javascript常用对象的属性和方法

    javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算 ...

随机推荐

  1. MVC学习十三:RouteDebugger插件应用

    1.下载第三方程序集RouteDebugger https://files.cnblogs.com/files/WarBlog/RouteDebugger.rar 2.把RouteDebugger程序 ...

  2. HDU 1273 漫步森林(数学 找规律)

    传送门: http://acm.hdu.edu.cn/showproblem.php?pid=1273 漫步森林 Time Limit: 2000/1000 MS (Java/Others)    M ...

  3. 第24章 QSPI—读写串行FLASH

    本章参考资料:<STM32F76xxx参考手册>.<STM32F76xxx规格书>.库帮助文档<STM32F779xx_User_Manual.chm>及<S ...

  4. luajit 64位 for cocos2dx 编译ios解决方法

    最近luajit发布了64位beta版,由于appstore上线必须是64位的应用,而且我的游戏项目用到lua脚本,所以必须要用到64位的luajit来编译lua脚本. 方法如下: 在luajit官网 ...

  5. 内网最小化安装CentOS后,想安装ISO文件中的包怎么办呢?

    昨日公司测试人员需要升级公司服务器Python,发现公司服务器上缺失了各种各样的包.比如open-ssl,python-deve等 1.查看你的Centos版本 lsb_release -a 2.上传 ...

  6. tomcat如何配置俩个版本

    Java-web除了JDK,还需配置服务器(tomcat); 如何配置俩个版本的tomcat; 1.将tomcat-bin目录下的startup.bat和catalina.bat里的%CATALINA ...

  7. anyconnect connection attempt has failed

    anyconnect connection attempt has failed 在控制面板-网络与Internet-网络连接,右键AnyConnect secure连接适配器,点击属性 在连接项目中 ...

  8. C/C++中的malloc、calloc和realloc

    1. malloc 原型:extern void *malloc(unsigned int num_bytes); 头文件:Visual C++6.0中可以用malloc.h或者stdlib.h 功能 ...

  9. mysql 导出行数据到txt文件,指定字符分割

    select id,name, concat('tel:',phone) from user order by time INTO outfile 'user.txt' FIELDS terminat ...

  10. day 17 成员

    1.成员      在类中你能写的所有内容都是类的成员 2.变量      1. 实例变量:昨天写的就是实力变量,由对象去访问的变量      2. 类变量:   这个变量属于类.但是对象也可以访问 ...