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

来源:互联网 发布:外国人羡慕中国淘宝 编辑:程序博客网 时间:2024/06/05 07:30

1. 现在我们使用数组的 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'}] 表示删除成功

2. 如下方式,却无法删除:

  • javascript结构:

    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'}] // (虽然输出形式不是这样的,但意思代表的一样) 这显然不是想要的结果

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

3. 现在继续测试一下,下面的情形:

  • javascript结构:

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

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

    总结: 针对数组删除一项元素,要注意的是:存在地址引用的复杂类型的元素删除需谨慎,需从内部查找,而如字符串般简单的数据类型的可以直接查找。

    注意:数组的indexOf() 方法属于ES5 , 如要全面兼容浏览器需要Polyfill :
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

4. 拓展: Array.indexOf 函数的用法:

  • https://msdn.microsoft.com/zh-cn/library/bb383831.aspx

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

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' }

总结:

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

0 0
原创粉丝点击