javascript常用对象方法

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