摘要:方法方法這是對象的一個靜態函數,用來判斷一個對象是不是數組的判斷方法總結以上方法工作中有些是經常需要用到的,記錄一下為了方法工作中方便的處理數據,得到自己想要的數據
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); 傳入兩個參數,不會報錯,但是第二個參數默認無效,所以返回的是位置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開始計數 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()
在字符串內檢索指定的值或找到一個或多個正則表達式的匹配,返回的是值而不是值的位置。
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()
把字符分割成數組
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的前一個位置結束 console.log(str1.slice(2,14)); start位置開始,end前一個位置結束 console.log(str1); 原字符串不變 console.log(str1.slice(-1,0)); 返回的是空字符串 console.log(str1.slice(30,100)); 長度超過字符串的長度,返回空字符串 console.log(str1.slice(-1,10)); 返回的是空字符串10. toLocaleLowerCase()
把字符串轉換成小寫
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()
把字符串轉換成小寫
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結束 console.log(str3); // aoya wohenhao dajia15. subString()
提取字符串中兩個指定索引號之間的字符
var str = "nihaoya wohenhao dajiahao" var str3 = str.substring(3,19);字符串中空格占位置,從3開始,到18結束 var str4 = str.substr(3,19);空格不占位。從3開始到19結束數組array 1. slice[start,end]
返回從原數組中指定開始下表到結束下表之間的項組成的新數組(原數組不變)
var arr = [1,2,3,4,5,6,7,8]; var arr1 = arr.slice(2,6); console.log(arr1); // ["3","4","5","6"] 數組下表從0開始,從2開始,到6的前一個位置結束 var arr3 = arr.slice(4); 從4開始到結束 console.log(arr3); // ["5","6","7","8"]2. splice()
var arr = [1,2,3,4,5]; var arr1 = arr.slice(2,3); 實際得到的新數組的項數是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個參數,起始位置,刪除的項數,插入的項。 替換,任意參數,起始位置,刪除的項數,插入任意數量的項數3. pop()
刪除數組的最后一個元素,減少數組的長度,返回被刪除的值
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()
將參數添加到數組的最后,返回新數組的長度
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var num = arr.push(6,7,8); console.log(num); 返回的是新數組的長度 // 8 console.log(arr); 原數組被改變成新數組 // [1,2,3,4,5,6,7,8];5. shift()
刪除數組的第一個參數,數組的長度減1,無參
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var arr1 = arr.shift(); console.log(arr1); 返回的是刪除的數組的值 // 1 console.log(arr); 原數組被改變成新數組 // [2,3,4,5];6. unshift()
像數組的開頭添加一個或更多的元素,并返回新的長度。(參數不限)
var arr = [1,2,3,4,5]; console.log(arr.length); // 5 var arr1 = arr.unshift(2,4,5,{name:"liqi"}); console.log(arr1); 返回的是新數組的長度 // 9 console.log(arr); 原數組被改變成新數組 // [2,4,5,{name: liqi},1,2,3,4,5];7. sort()
按指定的參數對數組進行排序,返回的值是經過排序后的數組(無參,函數)
var arr = [1,"q",3,6,2,"a",9]; console.log(arr); 原數組 var arr1 = arr.sort(); console.log(arr1); 返回的是排序后的數組 // [1,2,3,6,9,"a","q"]; console.log(arr); 原數組變成新數組 // [1,2,3,6,9,"a","q"];8. concat(3,4)
把兩個字符串連接起來,返回的值是一個副本(參數不限)
var arr1 = [1,"q",3,6,2,"a",9]; var arr2 = [{name:"niho"},1,4]; console.log(arr1.concat(3,arr1));新創建一個數組,原數組不變 // [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);原數組不變 //[{name:"niho"},1,4];9. indexOf()
從數組的開頭向后查找,接受兩個參數,要查找的項和查找起點的位置索引
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()
將數組的元素組成一個字符串,以separator(分割器)
var arr1 = [1,"q",3,6,2,"a",9]; var arr2 = arr1.join(","); 以逗號分隔 var arr3 = arr1.join(""); 以空格分隔 console.log(arr1); 原數組不變 console.log(arr2); // 1,q,3,6,2,a,9 console.log(arr3); // 1q362a911. forEach()
對數組的每個元素執行一次提供的函數。
var arr1 = ["a", "b", "c"]; arr1.forEach(function(element) { console.log(element); // a b c });12. map()
對數組的每一項運行給定的函數,返回沒戲函數調用的結果組成的數組
var arr = [1, 4, 9, 16]; const map1 = arr.map(x => x * 2); //對數組的每項*2 console.log(map1); // 2 8 18 3213. for in方法
遍歷數組
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是所有函數的每個回調都返回true的時候才會返回true,當遇到false的時候終止執行,返回false。
some函數是存在有一個函數返回true的時候終止執行并返回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對象的一個靜態函數,用來判斷一個對象是不是數組
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
總結: 以上方法工作中有些是經常需要用到的,記錄一下為了方法工作中方便的處理數據,得到自己想要的數據
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/106571.html
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現常見的效果。想要實現簡單的動畫效果,也很麻煩代碼冗余。實現動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內容.html】 使用javasc...
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現常見的效果。想要實現簡單的動畫效果,也很麻煩代碼冗余。實現動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內容.html】 使用javasc...
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現常見的效果。想要實現簡單的動畫效果,也很麻煩代碼冗余。實現動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內容.html】 使用javasc...
摘要:基本概念學習目標學會如何使用,掌握的常用,能夠使用實現常見的效果。想要實現簡單的動畫效果,也很麻煩代碼冗余。實現動畫非常簡單,而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念 學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現常見的效果。 為什么要學習jQuery? 【01-讓div顯示與設置內容.html】 使用javasc...
摘要:數組語法功能遍歷數組,返回回調返回值組成的新數組,不改變原數組,不會對空數組進行檢測語法功能無法,可以用中來停止,不改變原數組語法功能過濾,返回過濾后的數組,不改變原數組,不會對空數組進行檢測語法功能有一項返回,則整體為,不改變原數組語法 數組 (array) ES5 * map 語法:[].map(function(item, index, array) {return xxx})功...
摘要:最后衍生出面向各種使用場景的模塊標準。定義模塊返回對象的匿名模塊調用模塊應用由模塊組成,采用模塊規范。其模塊功能主要由兩個命令構成和。命令用于規定模塊的對外接口,導出模塊暴露的命令用于輸入其他模塊提供的功能引入其他模塊。 JS誕生之初面向簡單頁面開發, 沒有模塊的概念。后來頁面逐漸復雜, 人類構造到 IIFE 立即執行函數來模擬 模塊;之前也有雅虎的實踐,使用命名空間 作為模塊名。最后...
閱讀 3319·2021-11-08 13:12
閱讀 2756·2021-10-15 09:41
閱讀 1451·2021-10-08 10:05
閱讀 3300·2021-10-08 10:04
閱讀 2102·2021-09-29 09:34
閱讀 2472·2019-08-30 15:55
閱讀 2979·2019-08-30 15:45
閱讀 2577·2019-08-29 14:17