摘要:方法方法這是對象的一個靜態(tài)函數(shù),用來判斷一個對象是不是數(shù)組的判斷方法總結(jié)以上方法工作中有些是經(jīng)常需要用到的,記錄一下為了方法工作中方便的處理數(shù)據(jù),得到自己想要的數(shù)據(jù)
1. charAt()
返回在指定位置的字符
var str = "nihaome wozhendexiangxeuhaoqianduan" var str2 = str.charAt(4); 字符串的下標是從1開始的,所以返回o var str3 = str.charAt(25); 25位置是a; var str4 = str.charAt(5,26); 傳入兩個參數(shù),不會報錯,但是第二個參數(shù)默認無效,所以返回的是位置5的字符m2. charCodeAt()
返回咋指定位置的字符的Unicode編碼
var str = "llinihao mezaigama"; var str2 = str.charCodeAt(5); 位置5的字符是h,h的Unicode編碼是104 var str3 = str.charCodeAt(3); console.log(str3); // 110 console.log(str2); // 1043. conca()
連接字符串
var str1 = "lixiaoqi"; var str2 = "zaijian"; console.log(str2.concat(str1)); 把str1連接到str2上 // zaijianlixiaoqi4. indexOf()
檢索字符串,返回的是字符在字符串的下標
var str1 = "lixiaoqi"; var num1 = str1.indexOf("o"); 檢索字符串,返回的是字符在字符串的下標 字符串的下標是從0開始計數(shù) var num2 = str1.indexOf("lllll"); 沒有找到匹配的值,返回-1 var num3 = str1.indexOf("ni"); 沒有找到匹配的值,返回-1 console.log(num1); // 5 console.log(num2); // -1 console.log(num3); // -15. match()
在字符串內(nèi)檢索指定的值或找到一個或多個正則表達式的匹配,返回的是值而不是值的位置。
var str1 = "lixiaoqi"; var str2 = str1.match("iao"); 檢索字符串,返回的是字符 var str3 = str1.match("lll"); 沒有指定的字符,返回的是null6. replace()
替換匹配的字符串
var str1 = "nihaome"; var str2 = "lixiaoqi"; var str3 = str1.replace(str1.match("hao"),str2.match("lixi")); 找到str1的hao,找到str2的lixi,用str2替換掉str1 console.log(str3); // nilixime7. search()
檢索與字符串匹配的子串,返回的是地址
var str1 = "lixiaoqi nihaoya zaiganma"; var str2 = "nihaoya"; var str3 = "wobuzai"; var num1 = str1.search(str2); 返回的是第一個字符所在的位置 var num2 = str1.search(str3); 未檢測到返回-1 console.log(num1); // 9 console.log(num2); // -18. split()
把字符分割成數(shù)組
var str1 = "nihao-zaijian-dajiahao"; console.log(str1.split("")); // ["n","i","h","a","o","z","a" ...] var str2 = str1.split("-"); console.log(str2); // ["nihao","zaijian","dajiahao"] console.log(str1); 原字符串不變 // nihao-zaijian-dajiahao9. slice()
提取字符串片段,并在新的字符串中返回被提取的部分
var str1 = "nihaoya wobuhaoya" console.log(str1.slice(4,9)); 4位置開始,到9的前一個位置結(jié)束 console.log(str1.slice(2,14)); start位置開始,end前一個位置結(jié)束 console.log(str1); 原字符串不變 console.log(str1.slice(-1,0)); 返回的是空字符串 console.log(str1.slice(30,100)); 長度超過字符串的長度,返回空字符串 console.log(str1.slice(-1,10)); 返回的是空字符串10. toLocaleLowerCase()
把字符串轉(zhuǎn)換成小寫
var str = "NIHAOME WOHENHAOnizaiganmane"; console.log(str.toLocaleLowerCase()); // nihaome wohenhaonizaiganmane var str1 = str.toLocaleLowerCase(); console.log(str1); // nihaome wohenhaonizaiganmane console.log(str); 原字符串不變 // NIHAOME WOHENHAOnizaiganmane11. toLowerCase()
把字符串轉(zhuǎn)換成小寫
var str = "deawwWWEzaiganmane"; console.log(str.toLowerCase()); // deawwwwezaiganmane var str1 = str.toLowerCase(); console.log(str1); // deawwwwezaiganmane console.log(str); 原字符串不變12. toLocaleUpperCase()
把字符串準換成大寫
var str = "deawwWWEzaiganmane"; console.log(str.toLocaleUpperCase()); // DEAWWWWEZAIGANMANeE var str1 = str.toLocaleUpperCase(); console.log(str1); // DEAWWWWEZAIGANMANeE console.log(str); 原字符串不變13. substr()
從起始索引號提取字符串中指定書目的字符
var str = "nihaoya wohenhao dajiahao" var str3 = str.substr(3,19); 字符串中空格不占位置,從3開始,到19結(jié)束 console.log(str3); // aoya wohenhao dajia15. subString()
提取字符串中兩個指定索引號之間的字符
var str = "nihaoya wohenhao dajiahao" var str3 = str.substring(3,19);字符串中空格占位置,從3開始,到18結(jié)束 var str4 = str.substr(3,19);空格不占位。從3開始到19結(jié)束數(shù)組array 1. slice[start,end]
返回從原數(shù)組中指定開始下表到結(jié)束下表之間的項組成的新數(shù)組(原數(shù)組不變)
var arr = [1,2,3,4,5,6,7,8]; var arr1 = arr.slice(2,6); console.log(arr1); // ["3","4","5","6"] 數(shù)組下表從0開始,從2開始,到6的前一個位置結(jié)束 var arr3 = arr.slice(4); 從4開始到結(jié)束 console.log(arr3); // ["5","6","7","8"]2. splice()
var arr = [1,2,3,4,5]; var arr1 = arr.slice(2,3); 實際得到的新數(shù)組的項數(shù)是end-strat; console.log(arr1); // [3] var arr2 = arr.slice(1,5); console.log(arr2); // [2,3,4,5] console.log(arr); // [1,2,3,4,5] 插入:3個參數(shù),起始位置,刪除的項數(shù),插入的項。 替換,任意參數(shù),起始位置,刪除的項數(shù),插入任意數(shù)量的項數(shù)3. pop()
刪除數(shù)組的最后一個元素,減少數(shù)組的長度,返回被刪除的值
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var arr1 = arr.pop(); console.log(arr1); //5 console.log(arr.length); //44. push()
將參數(shù)添加到數(shù)組的最后,返回新數(shù)組的長度
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var num = arr.push(6,7,8); console.log(num); 返回的是新數(shù)組的長度 // 8 console.log(arr); 原數(shù)組被改變成新數(shù)組 // [1,2,3,4,5,6,7,8];5. shift()
刪除數(shù)組的第一個參數(shù),數(shù)組的長度減1,無參
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var arr1 = arr.shift(); console.log(arr1); 返回的是刪除的數(shù)組的值 // 1 console.log(arr); 原數(shù)組被改變成新數(shù)組 // [2,3,4,5];6. unshift()
像數(shù)組的開頭添加一個或更多的元素,并返回新的長度。(參數(shù)不限)
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var arr1 = arr.unshift(2,4,5,{name:"liqi"}); console.log(arr1); 返回的是新數(shù)組的長度 // 9 console.log(arr); 原數(shù)組被改變成新數(shù)組 // [2,4,5,{name: liqi},1,2,3,4,5];7. sort()
按指定的參數(shù)對數(shù)組進行排序,返回的值是經(jīng)過排序后的數(shù)組(無參,函數(shù))
var arr = [1,"q",3,6,2,"a",9]; console.log(arr); 原數(shù)組 var arr1 = arr.sort(); console.log(arr1); 返回的是排序后的數(shù)組 // [1,2,3,6,9,"a","q"]; console.log(arr); 原數(shù)組變成新數(shù)組 // [1,2,3,6,9,"a","q"];8. concat(3,4)
把兩個字符串連接起來,返回的值是一個副本(參數(shù)不限)
var arr1 = [1,"q",3,6,2,"a",9]; var arr2 = [{name:"niho"},1,4]; console.log(arr1.concat(3,arr1));新創(chuàng)建一個數(shù)組,原數(shù)組不變 // [1,"q",3,6,2,"a",9,3,1,"q",3,6,2,"a",9] console.log(arr1); // [[1,"q",3,6,2,"a",9] console.log(arr2);原數(shù)組不變 //[{name:"niho"},1,4];9. indexOf()
從數(shù)組的開頭向后查找,接受兩個參數(shù),要查找的項和查找起點的位置索引
var arr = [1,2,3,4,5,6,78]; var num = arr.indexOf(78,3); 查找78所在的位置 console.log(num); 返回的項的索引 // 6 var num1 = arr.indexOf(3,1); console.log(num1); // 2 var num2 = arr.indexOf(2); console.log(num2); // 1 console.log(arr); // [1,2,3,4,5,6,78];10. join()
將數(shù)組的元素組成一個字符串,以separator(分割器)
var arr1 = [1,"q",3,6,2,"a",9]; var arr2 = arr1.join(","); 以逗號分隔 var arr3 = arr1.join(""); 以空格分隔 console.log(arr1); 原數(shù)組不變 console.log(arr2); // 1,q,3,6,2,a,9 console.log(arr3); // 1q362a911. forEach()
對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)。
var arr1 = ["a", "b", "c"]; arr1.forEach(function(element) { console.log(element); // a b c });12. map()
對數(shù)組的每一項運行給定的函數(shù),返回沒戲函數(shù)調(diào)用的結(jié)果組成的數(shù)組
var arr = [1, 4, 9, 16]; const map1 = arr.map(x => x * 2); //對數(shù)組的每項*2 console.log(map1); // 2 8 18 3213. for in方法
遍歷數(shù)組
var arr = [1, 4, 9, 16]; for (var i = 0; i < arr.length; i++){ console.log(arr[i]); // 1 4 9 16 }ES5-every和some方法
every是所有函數(shù)的每個回調(diào)都返回true的時候才會返回true,當遇到false的時候終止執(zhí)行,返回false。
some函數(shù)是存在有一個函數(shù)返回true的時候終止執(zhí)行并返回true,否則返回false。
// every方法 var arr = [1,6,8,-2,-5,7,-4] var isPositive = arr.every(function(value){ return value > 0; }) console.log(isPositive) // false //some方法 var arr = [1,6,8,-2,-5,7,-4] var isPositive = arr.some(function(value){ return value > 0; }) console.log(isPositive) // trueES5-Array.isArray(obj)
這是Array對象的一個靜態(tài)函數(shù),用來判斷一個對象是不是數(shù)組
var arr = [3,4,5] console.log(Array.isArray(arr)); // true // ES3的判斷方法 console.log(typeof arr); // object console.log(arr.toString()); // 3,4,5 console.log(arr instanceof Array); //true
總結(jié): 以上方法工作中有些是經(jīng)常需要用到的,記錄一下為了方法工作中方便的處理數(shù)據(jù),得到自己想要的數(shù)據(jù)
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/106571.html
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現(xiàn)常見的效果。想要實現(xiàn)簡單的動畫效果,也很麻煩代碼冗余。實現(xiàn)動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現(xiàn)常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內(nèi)容.html】 使用javasc...
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現(xiàn)常見的效果。想要實現(xiàn)簡單的動畫效果,也很麻煩代碼冗余。實現(xiàn)動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現(xiàn)常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內(nèi)容.html】 使用javasc...
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現(xiàn)常見的效果。想要實現(xiàn)簡單的動畫效果,也很麻煩代碼冗余。實現(xiàn)動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現(xiàn)常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內(nèi)容.html】 使用javasc...
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現(xiàn)常見的效果。想要實現(xiàn)簡單的動畫效果,也很麻煩代碼冗余。實現(xiàn)動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現(xiàn)常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內(nèi)容.html】 使用javasc...
摘要:數(shù)組語法功能遍歷數(shù)組,返回回調(diào)返回值組成的新數(shù)組,不改變原數(shù)組,不會對空數(shù)組進行檢測語法功能無法,可以用中來停止,不改變原數(shù)組語法功能過濾,返回過濾后的數(shù)組,不改變原數(shù)組,不會對空數(shù)組進行檢測語法功能有一項返回,則整體為,不改變原數(shù)組語法 數(shù)組 (array) ES5 * map 語法:[].map(function(item, index, array) {return xxx})功...
摘要:最后衍生出面向各種使用場景的模塊標準。定義模塊返回對象的匿名模塊調(diào)用模塊應用由模塊組成,采用模塊規(guī)范。其模塊功能主要由兩個命令構(gòu)成和。命令用于規(guī)定模塊的對外接口,導出模塊暴露的命令用于輸入其他模塊提供的功能引入其他模塊。 JS誕生之初面向簡單頁面開發(fā), 沒有模塊的概念。后來頁面逐漸復雜, 人類構(gòu)造到 IIFE 立即執(zhí)行函數(shù)來模擬 模塊;之前也有雅虎的實踐,使用命名空間 作為模塊名。最后...
閱讀 3329·2021-11-08 13:12
閱讀 2773·2021-10-15 09:41
閱讀 1468·2021-10-08 10:05
閱讀 3314·2021-10-08 10:04
閱讀 2127·2021-09-29 09:34
閱讀 2502·2019-08-30 15:55
閱讀 2992·2019-08-30 15:45
閱讀 2605·2019-08-29 14:17