js代码-arr.splice方法测试,插入 ，删除，替换 测试 arr indexOf 对对象的对比

在JavaScript编程中，数组操作是常见的任务之一，`arr.splice()`方法是JavaScript中非常重要的一个数组成员函数，它能够实现对数组元素的插入、删除和替换。本篇将深入探讨`splice()`方法以及与`indexOf()`方法在处理对象时的区别。 `arr.splice()`方法的工作原理： `splice()`方法接收一个或多个参数，它会改变原数组，而不是返回新的数组。基本语法如下： ```javascript array.splice(index, howMany[, item1[, item2[, ...]]]) ``` 1. `index`：必需，规定从哪里开始更改数组。如果为负数，表示从数组末尾开始计算。 2. `howMany`：必需，要删除的元素个数。如果为0，则不删除任何元素，但可以执行插入操作。 3. `item1, item2, ...`：可选，要在指定位置插入的新元素。 例如，删除数组中某个位置的元素： ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // 删除从索引2开始的一个元素，现在arr是[1, 2, 4, 5] ``` 插入元素： ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 0, 'newItem'); // 在索引2处插入'newItem'，现在arr是[1, 2, 'newItem', 3, 4, 5] ``` 替换元素： ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1, 'newItem'); // 用'newItem'替换索引2处的元素，现在arr是[1, 2, 'newItem', 4, 5] ``` 接下来，我们讨论`arr.indexOf()`方法。此方法用于查找数组中指定元素的索引，如果找到则返回其位置，否则返回-1。对于基本类型，`indexOf()`工作得很好，但对于引用类型（如对象），情况可能会有所不同。因为JavaScript中的对象是按引用存储的，不是按值存储，所以两个看起来相同的对象可能有不同的引用，导致`indexOf()`无法正确识别。 例如： ```javascript let obj1 = {name: 'John'}; let obj2 = {name: 'John'}; let arr = [obj1]; console.log(arr.indexOf(obj2)); // 输出-1，因为它们是不同的对象引用 ``` 在这个例子中，即使`obj1`和`obj2`有相同的属性值，它们在数组中的位置也无法通过`indexOf()`找到，因为它们是不同的对象实例。 为了在数组中查找具有特定属性值的对象，你可以遍历数组并比较每个对象的属性值。或者，如果使用ES6，可以使用`Array.find()`方法，它会返回第一个符合条件的数组成员。 ```javascript let obj1 = {name: 'John'}; let arr = [obj1]; let foundObj = arr.find(obj => obj.name === 'John'); console.log(foundObj); // 输出{ name: 'John' } ``` `splice()`和`indexOf()`在处理数组时各有特点。`splice()`是强大的数组操作工具，而`indexOf()`则适用于查找基本类型的元素。在处理对象时，需要注意它们的局限性，并根据具体需求选择合适的操作方式。在实际项目中，理解并灵活运用这些方法能提高代码的效率和可读性。