js数组与字符串常用方法总结

在前端开发过程中，数组和字符串是我们经常需要操作的数据类型。本文将为大家总结一些常见的数组与字符串方法，并提供示例代码。

数组常用方法

1. push()

push() 方法可以向数组的末尾添加一个或多个元素，并返回新的数组长度。

const fruits = ["apple", "banana"];
fruits.push("orange");
console.log(fruits); // ["apple", "banana", "orange"]

2. pop()

pop() 方法可以从数组的末尾删除一个元素，并返回被删除的元素。

const fruits = ["apple", "banana", "orange"];
const deletedFruit = fruits.pop();
console.log(deletedFruit); // "orange"
console.log(fruits); // ["apple", "banana"]

3. shift()

shift() 方法可以从数组的开头删除一个元素，并返回被删除的元素。

const fruits = ["apple", "banana", "orange"];
const deletedFruit = fruits.shift();
console.log(deletedFruit); // "apple"
console.log(fruits); // ["banana", "orange"]

4. unshift()

unshift() 方法可以在数组的开头添加一个或多个元素，并返回新的数组长度。

const fruits = ["apple", "banana"];
fruits.unshift("orange");
console.log(fruits); // ["orange", "apple", "banana"]

5. slice()

slice() 方法可以返回数组的一部分，而不会修改原始数组。

const fruits = ["apple", "banana", "orange"];
const slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // ["banana", "orange"]
console.log(fruits); // ["apple", "banana", "orange"]

6. splice()

splice() 方法可以在数组中添加或删除元素，并返回被删除的元素。

const fruits = ["apple", "banana", "orange"];
fruits.splice(1, 1, "kiwi");
console.log(fruits); // ["apple", "kiwi", "orange"]

字符串常用方法

1. length

length 属性可以返回一个字符串的长度。

const str = "Hello World";
console.log(str.length); // 11

2. indexOf()

indexOf() 方法可以返回一个字符串中指定值的第一个匹配项的索引，如果没有找到则返回-1。

const str = "Hello World";
console.log(str.indexOf("o")); // 4

3. substring()

substring() 方法可以返回一个字符串的子串。两个参数分别是起始位置和结束位置（不包括该位置）。

const str = "Hello World";
console.log(str.substring(1, 5)); // "ello"

4. replace()

replace() 方法可以替换字符串中的某些字符。

const str = "Hello World";
console.log(str.replace("World", "JavaScript")); // "Hello JavaScript"

5. split()

split() 方法可以将一个字符串分割为一个字符串数组，并将它们存储在一个新数组中。

const str = "Hello World";
console.log(str.split(" ")); // ["Hello", "World"]

总结

本文介绍了一些常见的数组与字符串方法，包括 push()、pop()、shift()、unshift()、slice() 和 splice() 方法以及 length 属性、indexOf()、substring()、replace() 和 split() 方法。这些方法可以帮助我们更好地操作数组和字符串，提高我们的开发效率。

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