欢迎光临散文网 会员登陆 & 注册

前端原生JS里所有函数的用法,慢慢成为大神!

2023-06-08 09:42 作者:1对1编程辅导  | 我要投稿

以下是前端原生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"


前端原生JS里所有函数的用法,慢慢成为大神!的评论 (共 条)

分享到微博请遵守国家法律