摘要:和的是子字符串最后一個字符后面的位置。而的第二個參數(shù)指定的則是返回字符的個數(shù)。
Array
創(chuàng)建數(shù)組的基本方式有兩種:
使用Array構(gòu)造函數(shù)
語法:new Array()
例子: var num = new Array();
使用數(shù)組字面量表示法
例子:var colors = ["red","yellow"];
獲取數(shù)組長度:arr.length
數(shù)組的棧和隊列方法:
push() 添加
pop() 刪除并返回數(shù)組最后一元素
unshift() 添加到數(shù)組的最前面
shift() 刪除并返回數(shù)組第一個元素
var colors = new Array(); var count = colors.push("red","green","orange"); console.log(count); //3 var item = colors.pop(); //取得最后一項 orange console.log(item); console.log(colors.length); //2 var colors = new Array(); var count = colors.unshift("red","green"); count = colors.unshift("black"); //添加到數(shù)組第一個元素 console.log(colors); var item = colors.shift(); //取得第一項 black console.log(item); console.log(colors.length); //2
將數(shù)組轉(zhuǎn)換為字符串:join() 語法:arr.join(separator)
var words = ["border","left"]; var wordstr = words.join(); console.log(wordstr); //結(jié)果為:border,left join()默認(rèn)是逗號隔開 var wordstr = words.join("-"); console.log(wordstr); //結(jié)果為:border-left
反轉(zhuǎn)數(shù)組順序:arr.reverse()
var values = [1,2,3,4,5]; var newValues = values.reverse(); console.log(newValues);
數(shù)組排序:arr.sort();
var arr = [9,5,45]; arr.sort(function(a,b){return b-a}); //降序 arr.sort(function(a,b){return a-b}); //升序
連接兩個或多個數(shù)組:concat()
var arr1 = ["a","b"], arr2 = ["c","d"], arr3; arr3 = arr1.concat(arr2); console.log(arr3);
從已有的數(shù)組中返回選定的元素:arr.slice(start,end)
var colors = ["red","green","blue"]; var newColors = colors.slice(1,2); console.log(newColors); //結(jié)果輸出 green var newColors = colors.slice(0); console.log(newColors); //結(jié)果輸出 ["red","green","blue"] var newColors = colors.slice(-1,3); //負(fù)數(shù) + 數(shù)組長度 console.log(newColors); //結(jié)果輸出 blue
splice()方法刪除數(shù)組項、插入數(shù)組項、替換數(shù)組項
刪除
語法:arr.splice(index,count)
var arr = ["a","b","c"]; var delArr = arr.splice(1,1); console.log(delArr); //返回 b
插入
語法:arr.splice(index,0,item1,..intemX) 起始位置,要刪除的項數(shù),要插入的項
var arr = ["a","b","c"]; var insertArr = arr.splice(3,0,"m"); console.log(arr); //["a","b","c","m"]
替換
var arr = ["a","b","c"]; var replaceArr = arr.splice(1,2,"x","y"); console.log(replaceArr); //["b","c"] console.log(arr); //["a","x","y"]
ECMAScript為數(shù)組實(shí)例化添加的兩個位置方法:
indexOf()
語法:arr.indexOf(searchvalue,startIndex) 參數(shù)一:必需,要查找的項;參數(shù)二:可選,起點(diǎn)位置的索引
//功能:從數(shù)組的開頭(位置0)開始向后查找,沒有找到的情況下返回-1 var nums = [1,2,3,4,5,6]; var pos = nums.indexOf(2); console.log(pos); //返回3的位置 2
lastIndexOf()
var nums = [1,2,3,4,5,2,6]; var pos = nums.lastIndexOf(2); console.log(pos); //返回2的位置 5String
字符方法:
chartAt()
charCodeAt()
//訪問字符串中的特定字符 var str = "hello world"; console.log(str.charAt(0)); //返回本身字符 h console.log(str.charCodeAt(0)); //返回本身的字符編碼 104
字符串操作方法:
concat()
//用于將一或多個字符串拼接起來,返回拼接得到的新字符串 //但實(shí)踐中使用更多是加號操作符(+) var str = "hello "; var result = str.concat("world"); console.log(result); //輸出 hello world
截取子字符串:slice(start,end)、substring(start,end)、substrr(start,len) len代表返回字符個數(shù)
//start:必需,指定子字符串的開始位置 end:可選,表示子字符串到哪里結(jié)束 var str = "hello world"; console.log(str.slice(3)); //lo world console.log(str.substring(3)); //lo world console.log(str.substr(3)); //lo world console.log(str.slice(3,5)); //lo console.log(str.substring(3,5)); //lo console.log(str.substr(3,5)); //lo wo console.log(str.slice(-3)); //rld 負(fù)數(shù) + 字符串長度 console.log(str.substring(-3)); //hello world 會將所有負(fù)值參數(shù)都轉(zhuǎn)換為0 console.log(str.substr(-3)); //rld console.log(str.slice(3,-4)); //lo w console.log(str.substring(3,-4)); //hel console.log(str.substr(3,-4)); //""(空字符串) 參數(shù)一:負(fù)數(shù)+字符串長度 參數(shù)二:轉(zhuǎn)換為0
總結(jié):slice()、substr()、substring() 基于字符串創(chuàng)建新字符串的方法,第一個參數(shù)指定子字符串的開始位置,第二個參數(shù)(在指定的情況下)表示子字符串到哪里結(jié)束。slice()和substring()的是子字符串最后一個字符后面的位置。而substr()的第二個參數(shù)指定的則是返回字符的個數(shù)。如果沒有給這些方法傳遞第二個參數(shù),則將字符串的末尾作為結(jié)束位置
字符串位置方法
indexOf()
lastIndexOf()
//從一個字符串中搜索給定的子字符串,返回子字符串的位置 // 返回值:數(shù)值 //如果沒有找到該子字符串,則返回-1 var email= "[email protected]"; console.log(email.indexOf("@")); //返回 5 var email= "[email protected]"; console.log(email.lastIndexOf(".")); //返回 14
示例:
//獲取擴(kuò)展名 var url = "http://baidu.com/index.txt"; function getFileFormat(url){ var pos = url.lastIndexOf("."); return url.substr(pos); } var formatName = getFileFormat(url); console.log(formatName);
trim()方法
//刪除前置及后綴的所有空格 var str = " hello world "; var newStr = str.trim(); console.log(newStr); //hello world
字符串大小寫轉(zhuǎn)換
var str = "hello world"; console.log(str.toUpperCase()); //大寫 console.log(str.toLowerCase()); //小寫
把一個字符串分割成字符串?dāng)?shù)組:split()
var str = "welcome-to-beijing"; var arr = str.split("-"); console.log(arr); //輸出 ["welcome", "to", "beijing"]
在字符串中用一些字符替換另一些字符,或替換一個與正則表達(dá)式匹配的子串:replace()
var str = "cat,bat,sat"; var result = str.replace("at","ond"); var newResult = str.replace("/at/g","ond"); //替換所有 console.log(result); //輸出 cond,bat,sat 只是替換第一個Math
min()和max()方法
var max = Math.max(1,2,3,4); console.log(max); //4 var min= Math.min(1,2,3,4); console.log(min); //1
舍入方法 Math.ceil() Math.floor() Math.round()
console.log(Math.ceil(25.6)); //26,向上舍入 console.log(Math.round(25.5)); //26,四舍五入 console.log(Math.floor(25.6)); //25, 向下舍入
random()方法
//值 = Math.floor(Math.random() * 可能值的總數(shù) + 第一個可能的值) var num = Math.floor(Math.random() * 10 + 1); console.log(num); //輸出1-10之間的數(shù)值 var num = Math.floor(Math.random() * 9 + 2); console.log(num); //輸出2-10之間的數(shù)值Date
創(chuàng)建一個日期對象
var now = new Date();
日期格式化方法
var now = new Date(); console.log(now.toDateString()); //Wed May 01 2019 console.log(now.toTimeString()); //11:26:38 GMT+0800 (中國標(biāo)準(zhǔn)時間) console.log(now.toLocaleDateString()); //2019/5/1 console.log(now.toLocaleTimeString()); //上午11:26:38 console.log(now.toUTCString()); //Wed, 01 May 2019 03:26:38 GMT
日期/時間組件方法
set/getFullYear 設(shè)置/返回4位數(shù)的年份 set/getMonth() 設(shè)置/返回月份(0表示一月,11表示十二月) set/getDate() 設(shè)置/返回天數(shù)(1到31) set/getDay() 設(shè)置/返回星期幾(0表示星期日,6表示星期六) set/getHours() 設(shè)置/返回小時(0到23) set/getMinutes 設(shè)置/返回分鐘數(shù)(0到59) set/getSeconds 設(shè)置/返回秒數(shù)(0到59)
第一次嘗試著寫,寫得不好的地方,請多多指教
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/104045.html
摘要:結(jié)果為依次為循環(huán)語句結(jié)果依次為,,代碼解讀語句看著有點(diǎn)像語句,但是和語句不同的是它不可以循環(huán)對象,只能循環(huán)數(shù)組。 ES5和ES6數(shù)組遍歷方法詳解 在ES5中常用的10種數(shù)組遍歷方法: 1、原始的for循環(huán)語句2、Array.prototype.forEach數(shù)組對象內(nèi)置方法3、Array.prototype.map數(shù)組對象內(nèi)置方法4、Array.prototype.filter數(shù)組對象...
摘要:前端培訓(xùn)初級階段語法變量值類型運(yùn)算符語句上節(jié)的基礎(chǔ)內(nèi)容知識,這節(jié)我們會用到。這意味著開發(fā)者不必明確實(shí)例化內(nèi)置對象,它已被實(shí)例化了。不進(jìn)行有效性檢查。對象是自年月日起經(jīng)過的毫秒數(shù)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS),本著提升技術(shù)水平,打牢基礎(chǔ)知識的中...
摘要:可以看出,這個查找過程是一個鏈?zhǔn)降牟檎?,每個對象都有一個到它自身原型對象的鏈接,這些鏈接組件的整個鏈條就是原型鏈。原型的構(gòu)建字面量方式當(dāng)通過字面量方式創(chuàng)建對象時,它的原型就是。 面向?qū)ο?JavaScript沒有類(class)的概念的(ES6 中的class也只不過是語法糖,并非真正意義上的類),而在JavaScript中,在 JavaScript 中,除了 String, Numb...
摘要:上面的代碼,運(yùn)行以后,我們可以看到因為的原型是指向的實(shí)例上的,所以可以訪問他的屬性值,那如果我不想讓訪問的構(gòu)造函數(shù)里聲明的屬性值,那怎么辦呢只需要將指向的原型而不是實(shí)例就行了。 走在前端的大道上 本篇將自己讀過的相關(guān) javascript原型和原型鏈 文章中,對自己有啟發(fā)的章節(jié)片段總結(jié)在這(會對原文進(jìn)行刪改),會不斷豐富提煉總結(jié)更新。 文章——深入理解javascript之原型 一般的...
閱讀 3233·2021-11-11 16:55
閱讀 2498·2021-10-13 09:39
閱讀 2427·2021-09-13 10:27
閱讀 2164·2019-08-30 15:55
閱讀 3093·2019-08-30 15:54
閱讀 3137·2019-08-29 16:34
閱讀 1829·2019-08-29 12:41
閱讀 1073·2019-08-29 11:33