JavaScript是一门广泛应用于Web前端开发的高级编程语言，它具有丰富的内置方法和函数，方便我们对数据进行处理和操作。在JavaScript中，数组和字符串是两个常用的数据类型，它们都有许多原生方法可以使用。本文将向您介绍JavaScript中数组和字符串的一些常用原生方法，并且会用示例代码来演示其具体用法。

一、数组的原生方法

1. push()：将一个或多个元素添加到数组的末尾，并返回新数组的长度。

示例代码：

let arr = ['apple', 'banana'];
let length = arr.push('orange', 'grape');
console.log(arr); // 输出：['apple', 'banana', 'orange', 'grape']
console.log(length); // 输出：4

2. pop()：删除数组的最后一个元素，并返回删除的元素。

示例代码：

let arr = ['apple', 'banana', 'orange', 'grape'];
let lastElement = arr.pop();
console.log(arr); // 输出：['apple', 'banana', 'orange']
console.log(lastElement); // 输出：'grape'

3. shift()：删除数组的第一个元素，并返回删除的元素。

示例代码：

let arr = ['apple', 'banana', 'orange'];
let firstElement = arr.shift();
console.log(arr); // 输出：['banana', 'orange']
console.log(firstElement); // 输出：'apple'

4. unshift()：将一个或多个元素添加到数组的开头，并返回新数组的长度。

示例代码：

let arr = ['banana', 'orange'];
let length = arr.unshift('apple', 'grape');
console.log(arr); // 输出：['apple', 'grape', 'banana', 'orange']
console.log(length); // 输出：4

5. splice()：向/从数组中添加/删除元素，并返回被删除的元素。

示例代码：

let arr = ['apple', 'banana', 'orange', 'grape'];
let removedElements = arr.splice(1, 2, 'kiwi', 'mango');
console.log(arr); // 输出：['apple', 'kiwi', 'mango', 'grape']
console.log(removedElements); // 输出：['banana', 'orange']

6. slice()：截取数组的一个子数组，并返回新数组。

示例代码：

let arr = ['apple', 'banana', 'orange', 'grape'];
let subArray = arr.slice(1, 3);
console.log(subArray); // 输出：['banana', 'orange']

二、字符串的原生方法

1. length：获取字符串的长度。

示例代码：

let str = 'Hello World!';
console.log(str.length); // 输出：12

2. indexOf()：返回指定字符串在原字符串中第一次出现的位置，若不存在则返回-1。

示例代码：

let str = 'Hello World!';
let index = str.indexOf('World');
console.log(index); // 输出：6

3. lastIndexOf()：返回指定字符串在原字符串中最后一次出现的位置，若不存在则返回-1。

示例代码：

let str = 'Hello World!';
let index = str.lastIndexOf('o');
console.log(index); // 输出：7

4. slice()：截取字符串的一个子字符串，并返回新字符串。

示例代码：

let str = 'Hello World!';
let subString = str.slice(6, 11);
console.log(subString); // 输出：'World'

5. substr()：截取字符串的一个子字符串，并返回新字符串。

示例代码：

let str = 'Hello World!';
let subString = str.substr(6, 5);
console.log(subString); // 输出：'World'

6. split()：将字符串分割成一个字符串数组。

示例代码：

let str = 'apple,banana,orange';
let arr = str.split(',');
console.log(arr); // 输出：['apple', 'banana', 'orange']

这些方法在实际的Web前端开发中非常实用，能够帮助我们更方便地处理和操作数据。如果您在开发过程中遇到数组或字符串的相关需求，可以随时参考这些方法的用法，提高开发效率。

更多面试题请点击 web前端高频面试题_在线视频教程-CSDN程序员研修院

最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。