javascript常用的方法整理

JavaScript 是一门广泛应用于网页开发中的编程语言。在前端开发中，你会经常使用到很多 JavaScript 方法来操作页面元素、处理数据等。在本文中，我们将整理一些常用的 JavaScript 方法，包括字符串操作、数组处理、函数操作等，让你更好地掌握 JavaScript 编程。

字符串操作

1. 字符串长度：length

获取字符串的长度，即字符串中字符的数量。如下：

const str = "Hello, world!";
console.log(str.length); // 输出 13

2. 字符串查找：indexOf 和 lastIndexOf

indexOf() 方法返回指定字符串在原字符串中首次出现的位置，如果没有找到则返回 -1。lastIndexOf() 方法返回指定字符串在原字符串中最后一次出现的位置，如果没有找到则返回 -1。如下：

const str = "Hello, world!";
console.log(str.indexOf('l')); // 输出 2
console.log(str.lastIndexOf('l')); // 输出 10
console.log(str.indexOf('z')); // 输出 -1

3. 字符串截取：substring 和 slice

substring() 和 slice() 都可以用于截取字符串。它们的区别在于当参数为负数时，substring() 会把负数视为 0，而 slice() 会把负数视为从右边开始计算的索引位置。如下：

const str = "Hello, world!";
console.log(str.substring(2, 8)); // 输出 llo, w
console.log(str.slice(-6)); // 输出 world!

4. 字符串替换：replace

replace() 方法可以用于替换字符串中的子字符串。如下：

const str = "Hello, world!";
console.log(str.replace('world', 'JavaScript')); // 输出 Hello, JavaScript!

数组处理

1. 数组长度：length

获取数组的长度，即数组中元素的数量。如下：

const arr = [1, 2, 3];
console.log(arr.length); // 输出 3

2. 数组查找：indexOf 和 lastIndexOf

indexOf() 和 lastIndexOf() 方法同样适用于数组，用于查找数组中指定元素的位置，如果没有找到则返回 -1。如下：

const arr = [1, 2, 3];
console.log(arr.indexOf(2)); // 输出 1
console.log(arr.lastIndexOf(2)); // 输出 1
console.log(arr.indexOf(4)); // 输出 -1

3. 数组遍历：forEach

forEach() 方法可以用于遍历数组中所有的元素，并对每个元素执行相同的操作。如下：

const arr = [1, 2, 3];
arr.forEach((item) => {
  console.log(item);
});

4. 数组过滤：filter

filter() 方法可以用于过滤数组中的元素，只保留符合条件的元素。如下：

const arr = [1, 2, 3];
const filteredArr = arr.filter((item) => {
  return item > 1;
});
console.log(filteredArr); // 输出 [2, 3]

函数操作

1. 函数声明

JavaScript 中有两种函数声明方式：函数声明和函数表达式。函数声明会被提升到作用域的顶部，可以在声明之前调用。如下：

function add(a, b) {
  return a + b;
}
console.log(add(1, 2)); // 输出 3

2. 函数表达式

函数表达式是将函数赋值给变量的一种方式。函数表达式不会被提升，需要在声明之后才能调用。如下：

const add = function(a, b) {
  return a + b;
};
console.log(add(1, 2)); // 输出 3

3. 箭头函数

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3993