前端原生JS里所有函數(shù)的用法,慢慢成為大神!
以下是前端原生JavaScript里的所有函數(shù)的使用,每天進(jìn)步一點(diǎn),慢慢成為前端技術(shù)高手。
1. `charAt()`:返回指定位置的字符。
示例:
const str = "Hello World";
console.log(str.charAt(0)); // "H"
console.log(str.charAt(6)); // "W"
2. `charCodeAt()`:返回指定位置字符的 Unicode 值。
示例:
const str = "Hello World";
console.log(str.charCodeAt(0)); // 72
console.log(str.charCodeAt(6)); // 87
3. `concat()`:連接兩個(gè)或多個(gè)字符串,并返回新的字符串。
示例:
const str1 = "Hello";
const str2 = "World";
console.log(str1.concat(" ", str2)); // "Hello World"
4. `endsWith()`:判斷當(dāng)前字符串是否以指定字符串結(jié)尾。
示例:
const str = "Hello World";
console.log(str.endsWith("World")); // true
console.log(str.endsWith("o")); // false
5. `fromCharCode()`:將 Unicode 值轉(zhuǎn)為對應(yīng)的字符。
示例:
console.log(String.fromCharCode(72)); // "H"
console.log(String.fromCharCode(87)); // "W"
6. `includes()`:判斷當(dāng)前字符串是否包含指定字符串。
示例:
const str = "Hello World";
console.log(str.includes("World")); // true
console.log(str.includes("o")); // true
console.log(str.includes("Goodbye")); // false
7. `indexOf()`:返回指定字符串在當(dāng)前字符串中第一次出現(xiàn)的位置。
示例:
const str = "Hello World";
console.log(str.indexOf("World")); // 6
console.log(str.indexOf("o")); // 4
console.log(str.indexOf("Goodbye")); // -1
8. `lastIndexOf()`:返回指定字符串在當(dāng)前字符串中最后一次出現(xiàn)的位置。
示例:
const str = "Hello World";
console.log(str.lastIndexOf("l")); // 9
console.log(str.lastIndexOf("o")); // 7
console.log(str.lastIndexOf("Goodbye")); // -1
9. `match()`:在字符串內(nèi)檢索指定的值,或找到一個(gè)或多個(gè)正則表達(dá)式的匹配。
示例:
const str = "The quick brown fox jumps over the lazy dog";
console.log(str.match("quick")); // ["quick", index: 4, input: "The quick brown fox jumps over the lazy dog", groups: undefined]
console.log(str.match(/the/gi)); // ["the", "the"]
10. `repeat()`:復(fù)制當(dāng)前字符串指定次數(shù),并返回新的字符串。
示例:
const str = "Hello";
console.log(str.repeat(3)); // "HelloHelloHello"
11. `replace()`:替換當(dāng)前字符串中的指定值。
示例:
const str = "Hello World";
console.log(str.replace("World", "Universe")); // "Hello Universe"
console.log(str.replace(/o/g, "a")); // "Hella Warld"
12. `search()`:在字符串內(nèi)查找指定的值或正則表達(dá)式,并返回第一個(gè)匹配的位置。
示例:
const str = "The quick brown fox jumps over the lazy dog";
console.log(str.search("quick")); // 4
console.log(str.search(/the/gi)); // 31
13. `slice()`:提取字符串的某個(gè)部分,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.slice(6)); // "World"
console.log(str.slice(0, 5)); // "Hello"
14. `split()`:把當(dāng)前字符串分割成字符串?dāng)?shù)組。
示例:
const str = "Hello World";
console.log(str.split(" ")); // ["Hello", "World"]
console.log(str.split("o")); // ["Hell", " W", "rld"]
15. `startsWith()`:判斷當(dāng)前字符串是否以指定字符串開頭。
示例:
const str = "Hello World";
console.log(str.startsWith("Hello")); // true
console.log(str.startsWith("W")); // false
16. `substr()`:從指定位置開始提取字符串的指定長度,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.substr(6)); // "World"
console.log(str.substr(0, 5)); // "Hello"
17. `substring()`:提取字符串中兩個(gè)指定的索引號(hào)之間的字符,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.substring(6)); // "World"
console.log(str.substring(0, 5)); // "Hello"
18. `toLocaleLowerCase()`:把當(dāng)前字符串轉(zhuǎn)換為小寫,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toLocaleLowerCase()); // "hello world"
19. `toLocaleUpperCase()`:把當(dāng)前字符串轉(zhuǎn)換為大寫,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toLocaleUpperCase()); // "HELLO WORLD"
20. `toLowerCase()`:把當(dāng)前字符串轉(zhuǎn)換為小寫,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toLowerCase()); // "hello world"
21. `toString()`:返回當(dāng)前字符串對象的原始值。
示例:
const str = new String("Hello World");
console.log(str.toString()); // "Hello World"
22. `toUpperCase()`:把當(dāng)前字符串轉(zhuǎn)換為大寫,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toUpperCase()); // "HELLO WORLD"
23. `trim()`:去掉當(dāng)前字符串兩端的空格,并返回新的字符串。
示例:
const str = " Hello World ";
console.log(str.trim()); // "Hello World"
24. `valueOf()`:返回當(dāng)前字符串對象的原始值。
示例:
const str = new String("Hello World");
console.log(str.valueOf()); // "Hello World"