數(shù)組、偽數(shù)組、字符串、對象常用api大聚會

haobowd 發(fā)布于2019-08-21 18:26 / 2981人閱讀

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

數(shù)組api

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

var arr = ["abc","123","沒有毛線","say good bye"]

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

(1)  join() 將數(shù)組轉(zhuǎn)成字符串 可自定義分隔符
    var s1 = arr.join("=>")
    console.log(s1)   //=>abc=>123=>沒有毛線=>say good bye
    
(2) String(arr)  將數(shù)組轉(zhuǎn)成字符串并","分隔每個元素
    var s2 = String(arr)
    console.log(s2)   // => abc,123,沒有毛線,say good bye
    
(3) toLocaleString() 
    var s3 = arr.toLocaleString()
    console.log(s3)   // => abc,123,沒有毛線,say good bye
    console.log(arr.toLocaleString() === String(arr))  //true
    
(4) toString()  拍照 返回字符串
    var s4 = arr.toString()
    console.log(s4)   // => abc,123,沒有毛線,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("添加一個")
    console.log(arr)  // ["abc", "123", "沒有毛線", "say good bye", "添加一個"]   
    
(2) unshift()   //向數(shù)組頭部添加 改變了數(shù)組
    arr.unshift("頭排")
    console.log(arr)  //["頭排", "abc", "123", "沒有毛線", "say good bye", "添加一個"]  
    
(3) concat() 合并數(shù)組 不改變數(shù)組 返回新數(shù)組
    var arr2 = [1,2,3]
    var newArr = arr.concat(arr2)
    console.log(arr,newArr) //["頭排", "abc", "123", "沒有毛線", "say good bye", "添加一個", 1, 2, 3]

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

(1) pop() 刪除數(shù)組最后一個元素 改變數(shù)組
    arr.pop()
    console.log(arr)    //"頭排", "abc", "123", "沒有毛線", "say good bye"]
    
(2) shift() 刪除數(shù)組的第一個元素 改變數(shù)組的長度 
    arr.shift()
    console.log(arr)  // "abc", "123", "沒有毛線", "say good bye"] 
      
(3) slice() 從某一元素開始到結(jié)束(不包括結(jié)束)，創(chuàng)建新數(shù)組，原數(shù)組不改變
    var newArrs = arr.slice(0,1)
    console.log(arr)  //["abc", "123", "沒有毛線", "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ù)組：實質(zhì)上是一個對象，有l(wèi)ength屬性，也可以按索引存儲數(shù)據(jù)，但是沒有數(shù)組api，例如： arguments對象、getElementsByTagName等

偽數(shù)組轉(zhuǎn)為真實數(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"]

字符串a(chǎn)pi 對于字符串來說，不管進行任何操作，元字符串都不會改變

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個字符
    console.log(str.substr(1,2))  //=>el
    
(9) toLowerCase() 轉(zhuǎn)小寫 返回一個副本
    console.log(str.toLowerCase())  //=>"hello 2018"
    
(10) toUpperCase() 轉(zhuǎn)大寫 返回一個副本
    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"

對象api

Object.prototype

var o = new Object()

(1) Object.prototype.constructor 判斷該對象指向的構(gòu)造函數(shù)
    console.log(Object.prototype.constructor === Object)  // =>true
    
(2) Object.prototype.toString(11) 返回一個目標對象的字符串
    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)成進制數(shù)的參數(shù)
    
(3) Object.prototype.valueOf()  返回得失用基本類型標識的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