js数组的删改查方法使用

删改查操作均不改变原数组

删除数组中的某项值

var num = 3;
var arr = [{name: 1}, {name: 2}, {name: 3}];
//删除（filter方法），该方法返回一个数组
var newArr = arr.filter(function (item, index) {
    //不想要的值返回false则删除该项内容，return true则保留该项内容
    return item.name != num;
}, arr);  //修改filter函数中的this指向
console.log(newArr); //输出删除该项数据的新数组

修改数组中的某项值

var num = 3;
var obj = {name: 100};
var arr = [{name: 1}, {name: 2}, {name: 3}, {name: 2}];
//修改（map方法）
var newArr = arr.map(function (item, index) {
    //映射成一个新的数组
    if (item.name == num) { //如果当前项找到了，将最新的对象返回替换原有的
        return obj;
    }
    return item;
});
console.log(newArr); //输出修改后的数组

查找数组中的某项值

var num = 3;
var arr = [{name: 1}, {name: 3, age: 100}, {name: 2}, {name: 3}];

//查询（find方法） findOne 查到一项后返回当前项 不继续查找
var obj = arr.find(function (item, index) { //返回找到的那一项
    //找到后返回true即可
    if (item.name == num) {
        return true; //返回true则会将当前item返回
    }
});
console.log(obj); //输出匹配的第一项内容