前端原生JS里所有函数的用法,慢慢成为大神!
以下是前端原生JavaScript里的所有函数的使用,每天进步一点,慢慢成为前端技术高手。
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()`:连接两个或多个字符串,并返回新的字符串。
示例:
const str1 = "Hello";
const str2 = "World";
console.log(str1.concat(" ", str2)); // "Hello World"
4. `endsWith()`:判断当前字符串是否以指定字符串结尾。
示例:
const str = "Hello World";
console.log(str.endsWith("World")); // true
console.log(str.endsWith("o")); // false
5. `fromCharCode()`:将 Unicode 值转为对应的字符。
示例:
console.log(String.fromCharCode(72)); // "H"
console.log(String.fromCharCode(87)); // "W"
6. `includes()`:判断当前字符串是否包含指定字符串。
示例:
const str = "Hello World";
console.log(str.includes("World")); // true
console.log(str.includes("o")); // true
console.log(str.includes("Goodbye")); // false
7. `indexOf()`:返回指定字符串在当前字符串中第一次出现的位置。
示例:
const str = "Hello World";
console.log(str.indexOf("World")); // 6
console.log(str.indexOf("o")); // 4
console.log(str.indexOf("Goodbye")); // -1
8. `lastIndexOf()`:返回指定字符串在当前字符串中最后一次出现的位置。
示例:
const str = "Hello World";
console.log(str.lastIndexOf("l")); // 9
console.log(str.lastIndexOf("o")); // 7
console.log(str.lastIndexOf("Goodbye")); // -1
9. `match()`:在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
示例:
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()`:复制当前字符串指定次数,并返回新的字符串。
示例:
const str = "Hello";
console.log(str.repeat(3)); // "HelloHelloHello"
11. `replace()`:替换当前字符串中的指定值。
示例:
const str = "Hello World";
console.log(str.replace("World", "Universe")); // "Hello Universe"
console.log(str.replace(/o/g, "a")); // "Hella Warld"
12. `search()`:在字符串内查找指定的值或正则表达式,并返回第一个匹配的位置。
示例:
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()`:提取字符串的某个部分,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.slice(6)); // "World"
console.log(str.slice(0, 5)); // "Hello"
14. `split()`:把当前字符串分割成字符串数组。
示例:
const str = "Hello World";
console.log(str.split(" ")); // ["Hello", "World"]
console.log(str.split("o")); // ["Hell", " W", "rld"]
15. `startsWith()`:判断当前字符串是否以指定字符串开头。
示例:
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()`:提取字符串中两个指定的索引号之间的字符,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.substring(6)); // "World"
console.log(str.substring(0, 5)); // "Hello"
18. `toLocaleLowerCase()`:把当前字符串转换为小写,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toLocaleLowerCase()); // "hello world"
19. `toLocaleUpperCase()`:把当前字符串转换为大写,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toLocaleUpperCase()); // "HELLO WORLD"
20. `toLowerCase()`:把当前字符串转换为小写,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toLowerCase()); // "hello world"
21. `toString()`:返回当前字符串对象的原始值。
示例:
const str = new String("Hello World");
console.log(str.toString()); // "Hello World"
22. `toUpperCase()`:把当前字符串转换为大写,并返回新的字符串。
示例:
const str = "Hello World";
console.log(str.toUpperCase()); // "HELLO WORLD"
23. `trim()`:去掉当前字符串两端的空格,并返回新的字符串。
示例:
const str = " Hello World ";
console.log(str.trim()); // "Hello World"
24. `valueOf()`:返回当前字符串对象的原始值。
示例:
const str = new String("Hello World");
console.log(str.valueOf()); // "Hello World"