摘要：數(shù)組改變數(shù)組的不改變?cè)瓟?shù)組返回新數(shù)組沒(méi)有毛線(xiàn)一數(shù)組字符串將數(shù)組轉(zhuǎn)成字符串可自定義分隔符沒(méi)有毛線(xiàn)將數(shù)組轉(zhuǎn)成字符串并分隔每個(gè)元素沒(méi)有毛線(xiàn)沒(méi)有毛線(xiàn)拍照返回字符串沒(méi)有毛線(xiàn)二數(shù)組元素添加向數(shù)組尾部添加元素改變了數(shù)組添加一個(gè)沒(méi)有毛線(xiàn)添加一個(gè)向數(shù)組頭部添

改變數(shù)組的 push、pop、unshift、shift,sort、reverse、splice
不改變?cè)瓟?shù)組 返回新數(shù)組 concat、join,slice

var arr = ["abc","123","沒(méi)有毛線(xiàn)","say good bye"]

一、數(shù)組 => 字符串

(1)  join() 將數(shù)組轉(zhuǎn)成字符串 可自定義分隔符
    var s1 = arr.join("=>")
    console.log(s1)   //=>abc=>123=>沒(méi)有毛線(xiàn)=>say good bye
    
(2) String(arr)  將數(shù)組轉(zhuǎn)成字符串并","分隔每個(gè)元素
    var s2 = String(arr)
    console.log(s2)   // => abc,123,沒(méi)有毛線(xiàn),say good bye
    
(3) toLocaleString() 
    var s3 = arr.toLocaleString()
    console.log(s3)   // => abc,123,沒(méi)有毛線(xiàn),say good bye
    console.log(arr.toLocaleString() === String(arr))  //true
    
(4) toString()  拍照 返回字符串
    var s4 = arr.toString()
    console.log(s4)   // => abc,123,沒(méi)有毛線(xiàn),say good bye
    
(5) JSON.stringify()
    var arrObject = [{"a":1},{"b":2},{"c":3}]
    var s5 = JSON.stringify(arr)
    console.log(s5)   // =>"[{"a":1},{"b":2},{"c":3}]"

二、數(shù)組 元素添加

(1) push() 向數(shù)組尾部添加元素 改變了數(shù)組
    arr.push("添加一個(gè)")
    console.log(arr)  // ["abc", "123", "沒(méi)有毛線(xiàn)", "say good bye", "添加一個(gè)"]   
    
(2) unshift()   //向數(shù)組頭部添加 改變了數(shù)組
    arr.unshift("頭排")
    console.log(arr)  //["頭排", "abc", "123", "沒(méi)有毛線(xiàn)", "say good bye", "添加一個(gè)"]  
    
(3) concat() 合并數(shù)組 不改變數(shù)組 返回新數(shù)組
    var arr2 = [1,2,3]
    var newArr = arr.concat(arr2)
    console.log(arr,newArr) //["頭排", "abc", "123", "沒(méi)有毛線(xiàn)", "say good bye", "添加一個(gè)", 1, 2, 3]

三、數(shù)組元素的刪除

(1) pop() 刪除數(shù)組最后一個(gè)元素 改變數(shù)組
    arr.pop()
    console.log(arr)    //"頭排", "abc", "123", "沒(méi)有毛線(xiàn)", "say good bye"]
    
(2) shift() 刪除數(shù)組的第一個(gè)元素 改變數(shù)組的長(zhǎng)度 
    arr.shift()
    console.log(arr)  // "abc", "123", "沒(méi)有毛線(xiàn)", "say good bye"] 
      
(3) slice() 從某一元素開(kāi)始到結(jié)束(不包括結(jié)束)，創(chuàng)建新數(shù)組，原數(shù)組不改變
    var newArrs = arr.slice(0,1)
    console.log(arr)  //["abc", "123", "沒(méi)有毛線(xiàn)", "say good bye"]
    console.log(newArrs)  //["abc"]
    var newArr3 = arr.splice(0,1)
    console.log(arr)
    console.log(newArr3)

四、排序

var arr4 = [1,4,5,3]
var newArr4 = arr4.sort()
console.log(arr4)  //[1, 3, 4, 5]
var arr5 = [1,4,5,3]
var newArr5 = arr5.reverse()
console.log(arr5)  //[3, 5, 4, 1]

五、查找元素

(1) includes() 
    var is = arr.includes("123",0)
    console.log(is)  //true
(2) indexof()  從前往后
    var is1 = arr.indexOf("123")
    console.log(is1)  //0
(3) lastIndexOf() //從后往前 同indexOf

六、偽數(shù)組 ： 實(shí)質(zhì)上是一個(gè)對(duì)象，有l(wèi)ength屬性，也可以按索引存儲(chǔ)數(shù)據(jù)，但是沒(méi)有數(shù)組api，例如： arguments對(duì)象、getElementsByTagName等

偽數(shù)組轉(zhuǎn)為真實(shí)數(shù)組
 (1) Array.prototype.slice.call()
    var obj = {0: "a",1:"b", 2:"c",length:3}
    var objToArr = Array.prototype.slice.call(obj)
    console.log(objToArr)   //=>["a","b","c"]
(2) es6的Array.from()
    console.log(Array.from(obj)) //=> ["a","b","c"]

var str = "hello 2018"

(1) charAt()  獲取指定位置的字符
    console.log(str.charAt(1))   //=>"e"
    
(2) charCodeAt() 獲取指定位置的字符編碼
    console.log(str.charCodeAt(1))  //=>101
    
(3) indexOf() 查找某一字符 或 字符串
    console.log(str.indexOf("o"))  //=>4
    
(4) lastIndexOf() 同上 從后往前

(5) slice(1,2) 截取從1到2的字符串 不包含2 
    console.log(str.slice(1,2))  //e
    
(6) split() 把字符串分隔成數(shù)組
    console.log(str.split(""))   //["h", "e", "l", "l", "o", " ", "2", "0", "1", "8"]
    
(7) substring(1,2) 同slice(1,2)
    console.log(str.substring(1,2)) // => e
    
(8) substr(1,2) 從1截取 2個(gè)字符
    console.log(str.substr(1,2))  //=>el
    
(9) toLowerCase() 轉(zhuǎn)小寫(xiě) 返回一個(gè)副本
    console.log(str.toLowerCase())  //=>"hello 2018"
    
(10) toUpperCase() 轉(zhuǎn)大寫(xiě) 返回一個(gè)副本
    console.log(str.toUpperCase()) //=> "HELLO 2018"

(11) 正則 match() 模式匹配
    console.log(str.match("o")) //=>["o", index: 4, input: "hello 2018"]
    
(12) 正則 replace() 查找并替換
    console.log(str.replace("2018","world"))   // =>"hello world"

Object.prototype

var o = new Object()

(1) Object.prototype.constructor 判斷該對(duì)象指向的構(gòu)造函數(shù)
    console.log(Object.prototype.constructor === Object)  // =>true
    
(2) Object.prototype.toString(11) 返回一個(gè)目標(biāo)對(duì)象的字符串
    var o1 = {"a":1}
    console.log(o1.toString()) //=>"[object Object]"
    var o2 = new Number(22)
    console.log(o2.toString()) //=>"22"
    console.log(o2.toString(22))  //=>bd   //轉(zhuǎn)成進(jìn)制數(shù)的參數(shù)
    
(3) Object.prototype.valueOf()  返回得失用基本類(lèi)型標(biāo)識(shí)的this的值
    var obj = {}
    console.log(typeof obj.valueOf())  //Objct
    console.log(obj.valueOf() === obj)  //true
    var num1 = new Number(100)
    console.log(typeof num1)    //object
    console.log(typeof num1.valueOf)   //function
    console.log(typeof num1.valueOf()) //number
    
(4)Object.prototype.hasOwnProperty(prop) 判斷自身是否存在該屬性
    var obj1 = {prop:"haha"}
    console.log(obj1.hasOwnProperty("prop"))  //true
    console.log(obj1.hasOwnProperty("propssss"))  //false