从内存角度分析：数组删除自己内部指定对象和通过函数形参改值问题

本文链接：https://blog.csdn.net/Tyro_java/article/details/52844170

使用数组的 `indexOf()` 和 `splice` 方法来删除内部指定的一个元素

javascript结构：

// 定义一个数组
var arr = [
    {name:'N1'},
    {name:'N2'},
    {name:'N3'}
];

// 找到内部 name 为 N3 的一个对象，删除之
for(var k in arr){
    var item = arr[k];
    if(item.name === "N3"){
        var index = arr.indexOf(item);
        console.log('index ' + index); // 此时可以找到 index 为 2
        arr.splice(index,1); // 删除该项
    }
}

// 检测当前的arr数组
console.log('当前的arr');
console.log(arr); // 此时arr为 [{name:'N1'},{name:'N2'}] 表示删除成功

如下方式，却无法删除：

var cars = [
    {name:'Benz'},
    {name:'BMW'},
    {name:'Tesla'}
];

var item = {name:'BMW'};
var index_cars = cars.indexOf(item);
console.log('index_cars');
console.log(index_cars); // -1 表示没有找到该项,表示没有找到name 为 BMW的项
cars.splice(index_cars,1); // 这里表示从倒数第一项，删除一个，删除的是最后一个
console.log('cars');
console.log(cars); // 此处结果应该是这样 [{name:'Benz'},{name:'BMW'}] 
// (虽然输出形式不是这样的，但意思代表的一样) 这显然不是想要的结果

Why?

上面 var item = {name:'BMW'} 表示在内存中，新生成了一个对象，并不是所要在 cars 数组中找的name 为 BMW的那一项。所以返回 -1 ，两者的内存地址并不一样，并不是一个对象。

现在继续测试一下，下面的情形：

javascript结构：

var fruit =['origin','banana','apple'];
var index_fruit = fruit.indexOf('banana');
console.log('index_fruit');
console.log(index_fruit); // 1
fruit.splice(index_fruit,1); // 删除该项

console.log('fruit');
console.log(fruit); // ["origin", "apple"]

成功找到，删除成功，这种查找方法对字符串等简单类型的没有内存地址引用的问题。

关于通过函数形参赋值中的问题

var origin = {
    name: 'origin',
    list: [1, 2, 3]
};

// 在函数内部，形参引用赋值，直接改变对象，没有效果 (离开函数作用域之后会被还原)
function change(o) {
    o = 'changed';
}

// 可以改变对象属性的引用
function changeTwo(o) {
    o.name = 'changedTwo';
}

// 即使属性是引用类型，也可以被改变
function changeThree(o) {
    o.list = 'changedThree';
}

change(origin);
console.log(origin); // => { name: 'origin', list: [ 1, 2, 3 ] }

console.log('----------------');

changeTwo(origin);
console.log(origin); // => { name: 'changedTwo', list: [ 1, 2, 3 ] }

console.log('----------------');
changeThree(origin);
console.log(origin); // => { name: 'changedTwo', list: 'changedThree' }

在上面的例子中，无法使用函数来直接修改原对象，因为在函数的内部原对象作为实参被传进去，修改后只针对函数内部的作用域范围，出了函数之外将不起作用。
而在函数内部却可以修改原对象的属性，出了函数作用域之后仍然有效。(不管原对象的属性是简单类型还是引用类型)

总结

针对数组删除一项元素，要注意的是：存在地址引用的复杂类型的元素删除需谨慎，需从内部查找，而如字符串般简单的数据类型的可以直接查找。
注意：数组的indexOf() 方法属于ES5 , 如要全面兼容浏览器需要Polyfill ：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf