`

js 对象 数组 删除

    博客分类:
  • js
阅读更多

一.对象的删除:可以直接用delete进行删除,也可以将其赋值为undefined;

例如:

var goods_info={
        "000":{barcode:"000", type: '饮料', name: '可口可乐', price: '3', unit: '瓶'},
        "001":{barcode:"001", type: '饮料', name: '雪碧', price: '3', unit: '瓶'},
        "002":{barcode:"002", type: '水果', name: '苹果', price: '5.5', unit: '斤'},
        "003":{barcode:"003", type: '水果', name: '荔枝', price: '15', unit: '斤'},
        "004":{barcode:"004", type: '生活用品', name: '电池', price: '2', unit: '个'},
        "005":{barcode:"005", type: '食品', name: '方便面', price: '4.5', unit: '袋'}
};
delete goods_info["000"];
goods_info["001"]=undefined;
console.log(JSON.stringify(goods_info));

   他们都分别实现了删除对象里面的键和值。

这两种方法的差别是:delete是直接删除的,而undefined是把键的值变为空,来进行删除的。

 

二.数组的删除。要是删除数组里面的元素就必须知道其想对应元素的下标。知道了下标之后可以通过splice(i,j)方法进行删除。

1.splice(i,j):i代表要删除的元素的索引号(从0开始),j代表删除元素的个数。其数组的长度会变化,相对应的索引号也会变化。

例如:

var id=['001','002','003'];
id.splice(1,1)
console.log(JSON.stringify(id));//['001','003']

var id=['001','002','003'];
id.splice(1,2)
console.log(JSON.stringify(id));//['001']

 2.delete:这种方式数组长度不变,此时删除的元素变为null了,但是也有好处原来数组的索引也保持不变。

var id=['001','002','003'];
delete id[0];
console.log(JSON.stringify(id));// [null,"002","003"]

 至于这两种方法什么时候用就看,各位的需求了。

分享到:
评论

相关推荐

    js实现删除嵌套数组对象返回新数组

    嵌套的复杂数组对象,删除深层嵌套后返回新数组。 如:var data = [ { id: '1', name: 'www' }, { id: '2', name: 'qqq' }, { id: '3', name: 'eee', children: [ { id: '4', name: ...

    js数组相减简单示例【删除a数组所有与b数组相同元素】

    本文详细讲解了如何使用JavaScript进行数组相减的操作,即删除数组a中所有与数组b相同的元素。这涉及到JavaScript中的数组遍历、元素比较以及数组的删除操作等核心知识。通过具体示例,我们学习了如何编写一个函数来...

    js解析php数组对象数组对象数组对象.docx

    ### JavaScript 解析 PHP 数组对象 #### 一、概述 在 Web 开发中,JavaScript 和 PHP 是两种非常重要的编程语言。PHP 主要用于服务器端的数据处理与逻辑控制,而 JavaScript 则负责客户端的交互和数据展示。在实际...

    javascript中数组、对象

    在JavaScript中,数组和对象是两种非常基础且重要的数据结构,它们被广泛应用于各种场景,如数据存储、逻辑处理和对象表示。这篇文章将深入探讨这两种数据类型,以及相关的操作和工具。 **一、数组** 数组在...

    删除对象数组中某个对象

    该方法是用来删除对象数组里面某个对象,造个轮子方便大家使用。

    Vue实现动态添加或者删除对象和对象数组的操作方法

    在Vue.js框架中,动态添加或删除对象和对象数组是常见的需求,特别是在处理表单数据、列表展示等场景。本文将详细讲解如何在Vue项目中实现这一功能。 首先,我们来看一下添加对象到对象数组的核心代码: ```...

    js从数组中删除指定值(不是指定位置)的元素实现代码

    在JavaScript中,删除数组中指定值的元素是数组操作中常见的一环。这里我们讨论的不是删除指定索引位置的元素,而是删除数组中所有匹配给定值的元素。这是一个实用的功能,可以让我们更加灵活地处理数组数据。 首先...

    vue中对象数组去重的实现

    在Vue项目中,我们经常需要处理对象数组的去重问题,尤其是当数组中存储的是对象时,不能直接使用JavaScript原生的`new Set()`方法去重,因为`new Set()`只适用于简单数据类型的元素,对于对象这样的复杂数据类型,...

    Javascript根据指定下标或对象删除数组元素

    将一下代码放在全局js文件中: Js代码 代码如下: /** *删除数组指定下标或指定对象 */ Array.prototype.remove=function(obj){ for(var i =0;i <this.length;i++){ var temp = this[i]; if(!isNaN(obj)){ temp=i;...

    js对象数组和对象的使用实例详解

    js对象数组和对象的使用主要涉及到JavaScript中的数组和对象,这两种数据结构是js编程中使用极为频繁和基础的知识点。为了更清楚的解释这两个概念以及它们的应用实例,下面将详细分解。 首先,js数组是一种特殊的...

    浅析jquery数组删除指定元素的方法:grep()

    `grep()`是jQuery中的一个函数,专门用于数组或类数组对象的过滤操作。它允许开发者定义一个函数,根据函数的返回值决定是否保留数组中的元素。`grep()`函数至少需要两个参数:第一个是要过滤的数组,第二个是过滤...

    JavaScript对象与数组参考大全

    2. 对象数组:数组中存储的是对象,常用于结构化数据,如记录用户信息的数组。 3. 键值对:数组的索引与对象的键相似,但数组的索引是有序的,而对象的键通常是无序的。 四、高级特性 1. 解构赋值:允许从数组或...

    js数组说明大全

    数组可以存储各种类型的数据,包括数字、字符串、对象等。数组的使用非常广泛,以下是对 JavaScript 数组的详细说明。 一、创建数组 JavaScript 中可以使用多种方式创建数组,例如: * 使用 new Array() 构造函数...

    js删除对象/数组中null、undefined、空对象及空数组方法示例

    在JavaScript编程中,有时我们需要处理复杂的数据结构,例如对象和数组,确保它们不包含无效的值,如`null`、`undefined`、空对象或空数组。这些无效值可能会导致错误或不必要的处理开销。本篇文章将深入探讨如何在...

    JS对象与数组参考大全

    JavaScript对象具有原型链,允许对象继承其他对象的属性和方法。`__proto__`(非标准,推荐使用`Object.getPrototypeOf`)指向其构造函数的原型: ```javascript var parentObj = { parentMethod: function() {} }; ...

    javascript中的数组对象以及json学习笔记

    JavaScript可以通过`JSON.parse()`方法将JSON字符串转换为JavaScript对象,而`JSON.stringify()`方法则用于将JavaScript对象转换为JSON字符串。 在JavaScript中处理JSON数据时,我们经常使用`fetch`或`...

    js删除数组

    当开发过程中需要对数组进行操作,例如删除特定元素时,JavaScript提供了多种方法来实现这一需求。本篇将详细介绍JavaScript中删除数组元素的几种常见方法。 1. `splice()` 方法: `splice()` 是JavaScript中最通用...

    详解vue 数组和对象渲染问题

    在Vue.js中,数组和对象的渲染问题是开发者经常会遇到的挑战。Vue的响应式系统依赖于数据劫持来实现视图与数据的双向绑定。当数组或对象的属性发生变化时,视图通常会自动更新以反映这些变化。然而,由于JavaScript...

Global site tag (gtag.js) - Google Analytics