JS常用系统函数用法实例分析

什么是JS系统函数

在JavaScript中，内置了许多系统函数，这些函数可以用于各种各样的需求，比如处理字符串、数组等，从而提高开发效率。本篇攻略将深入分析JS常用的几个系统函数的使用方法，希望对初学者有所帮助。

字符串函数

1. 查找字符串

查找字符串可以使用以下系统函数：indexOf()、lastIndexOf()、search()

let str = "hello world";
console.log(str.indexOf("o")); // 打印2
console.log(str.lastIndexOf("o")); // 打印7
console.log(str.search("world")); // 打印6

以上代码中，使用了三个系统函数，indexOf() 函数返回指定字符串在原字符串中首次出现的位置，lastIndexOf() 与之类似，不过返回的是最后一次出现的位置，而 search() 则是返回第一次出现子串的位置。

2. 替换字符串中的字符串

替换字符串中的字符串可以使用以下系统函数：replace()。

let str = "hello world";
let newStr = str.replace("world", "Tom");
console.log(newStr); // 打印hello Tom

以上代码中，使用了replace()函数，这个函数会返回一个新的字符串。在这个例子中，就是把字符串中的 "world" 替换为 "Tom"。

数组函数

1. 查找数组中的元素

在数组中查找元素可以使用以下函数：indexOf()、lastIndexOf()、find()。

let arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3)); // 打印2
console.log(arr.lastIndexOf(3)); // 打印2
console.log(arr.find(item => item==3)); // 打印3

以上代码中，使用了三个系统函数，indexOf() 和 lastIndexOf() 函数与字符串函数中的同名函数相似，只是它们用于查找数组中的元素。而 find() 函数是ES6新增的，它会返回数组中第一个符合条件的元素。

2. 数组元素的操作

改变数组元素可以使用以下函数：splice()、concat()。

let arr = [1, 2, 3, 4, 5];
console.log(arr.splice(1, 2)); // 打印[2, 3]
console.log(arr.concat([6, 7])); // 打印[1, 4, 5, 6, 7]

以上代码中，splice() 函数会返回被删除的元素，并且会改变原始数组。这个例子中，删除了第二个元素（索引为 1）和第三个元素（索引为 2），并且返回 [2, 3]。而 concat() 函数会返回一个新的数组，这个新数组包含调用它的数组与传入参数数组的所有元素。

总结

本文通过讲解JS常用的系统函数，深入展示了它们的用法。旨在帮助初学者更加深入地掌握JavaScript的使用技巧。同时，这篇攻略只是涉及了部分常用的系统函数，在实际开发中还需要更多的学习和练习。