首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >通过标签输入的值递增数组元素

通过标签输入的值递增数组元素
EN

Stack Overflow用户
提问于 2020-10-20 07:45:07
回答 1查看 55关注 0票数 0

我在JavaScript中有一个代码,我希望通过添加用户输入的标签来增加项目的值。我创建了一个输入标签和按钮来推送值。我有一个具有唯一Id的五个项的数组,问题是当我从用户输入中添加值时,函数不能推送和连接现有的值,而是创建数组的新部分。

代码语言:javascript
运行
AI代码解释
复制
add.addEventListener('click', function() {
          
          let basket = JSON.parse(localStorage.getItem('basket'));   // Parse data from localstorage
          
          let elementimageUrl = element.imageUrl;                     // element.imageUrl is a part of backend data received from JSON file
          let elementId = element._id;                                // element._id is a part of backend data received from JSON file
          let elementName = element.name;                             // element.name is a part of backend data received from JSON file
          let elementPrice = element.price;                          // element.price is a part of backend data received from JSON file
          let add2 = document.getElementById("userinput").value;     // add2 varriable get value from label
          let yInt = Number.parseInt(add2);                         // parse label value to Integer number
          console.log(yInt);                                        // console log to check number
          let elementQuantity = yInt;                               // assign label value to elementQuantity
          console.log(elementQuantity);

          if (!basket) {
            basket = [];
          }
        
          // find the index of the item if already in basket
          const itemIndexInBasket = basket.findIndex(basketEntry => basketEntry.elementId === elementId);
          if (itemIndexInBasket !== -1) {
            basket[itemIndexInBasket].elementQuantity++;
          } else {
            basket.push({elementId, elementName, elementPrice, elementQuantity, elementimageUrl});    // Push not existing data to localstorage
          } 
          localStorage.setItem('basket', JSON.stringify(basket));
        })

这就是按钮能够将所有值推入数组的方式。我期望增加现有的elementQuantity值,而不是数组的新元素。

EN

回答 1

Stack Overflow用户

发布于 2020-10-20 11:41:47

  • Your code

代码语言:javascript
运行
AI代码解释
复制
// find the index of the item if already in basket
const itemIndexInBasket = basket.findIndex(basketEntry => basketEntry.elementId === elementId);
if (itemIndexInBasket !== -1) {
  basket[itemIndexInBasket].elementQuantity++;
} else {
  basket.push({elementId, elementName, elementPrice, elementQuantity, elementimageUrl});    // Push not existing data to localstorage
} 

不一致的原因

在进行比较时,it is elementId undefined inundefined

我试图看到的是……

  • 在代码中编辑

  • Output

解释

这就是为什么即使产品已经存在,它也会将一个新值附加到最后一个值之后(因为其他值都是undefined).,所以只能使用

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64440686

复制
相关文章
java输入数组元素_java数组的输出
Java中快捷输出数组中各个元素笔者目前所知的就三种方法,今天就简单的做个记录。大家如果有什么更好的方法,麻烦留言评论。
全栈程序员站长
2022/09/27
2.8K0
6.HTML输入表单标签元素介绍
描述: 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等元素都要放在form标签里面或者进行form的id值的调用,否则提交的数据到不了后端。
全栈工程师修炼指南
2023/03/21
4.7K0
java如何打印数组的值,Java打印数组元素的值[通俗易懂]
本篇文章帮大家学习java打印数组元素的值,包含了Java打印数组元素的值使用方法、操作技巧、实例演示和注意事项,有一定的学习价值,大家可以用来参考。
全栈程序员站长
2022/08/11
4.4K0
获取HTML网页中option标签元素的值
在进行表单元素的操作时,难免会遇到对option元素的挑选,下面的示例代码能够很好的获取到你option元素选择的值,如果要传递给后端,可通过ajax或者其他方式传递即可。 示例代码
呆呆
2021/10/09
7.6K0
删除数组中某个指定元素的值_如何删除数组中的元素
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/169504.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/22
13K0
LeetCode 1909. 删除一个元素使数组严格递增
给你一个下标从 0 开始的整数数组 nums ,如果 恰好 删除 一个 元素后,数组 严格递增 ,那么请你返回 true ,否则返回 false 。 如果数组本身已经是严格递增的,请你也返回 true 。
Michael阿明
2022/01/07
6460
javascript 向数组中添加数组元素(输入元素,不太重要)「建议收藏」
可以批量向数组对象中输入数组元素,一般用于对数组对象赋初始值,例如,可以通过改变变量的值,(必须是数值型),给数组对象 赋予制定个数的数组元素。
全栈程序员站长
2022/08/27
3.9K0
Numpy根据Bool值挑选数组中元素
使用Boolean类型的数组挑选一维数组中的值 使用一维Boolean数组选取数组中的特定元素,对应位置为True则选取,为False则不选取 import numpy as np i_=[2] # 挑选第三行数据 pop=np.arange(12).reshape(3,4) print("pop(3,4)\n",pop) bool=np.array([0,0,1,1]).astype("bool") # [False,False,True,True] # 使用数组作为索引选择个体 pop_i_=po
演化计算与人工智能
2020/08/14
1.8K0
【C 语言】数组 ( 多维数组操作模型 | 取某个数组元素地址 | 取某个数组元素值 )
个元素的值 , 该值是 一维数组 , *array 一维数组名是数组首元素地址 , *array + 1 步长是一维数组元素大小 , 指向第
韩曙亮
2023/03/29
6.5K0
jquery判断数组中是否包含某个元素的值_java判断元素是否在数组中
如果arry数组里面存在”C#” 这个字符串则返回该字符串的数组下标,否则返回(不包含在数组中) -1
全栈程序员站长
2022/11/02
5.9K0
php将多个值的数组去除重复元素 转
(adsbygoogle = window.adsbygoogle || []).push({});
双面人
2019/04/10
5.2K0
php将多个值的数组去除重复元素
                                                                            转
【算法题】输入一维数组array和n,找出和值为n的任意两个元素
输入一维数组array和n,找出和值为n的任意两个元素。例如: array = [2, 3, 1, 10, 4, 30] n = 31 则结果应该输出1, 30 顺序不重要。如果有多个满足条件的,返回任意一对即可。
一个会写诗的程序员
2021/04/23
1.4K0
vue删除数组中的某个对象_vue修改数组的元素的值
object.values(obj) 返回的是一个对象的所有key的value数组即 对象属性的值组成的数组
全栈程序员站长
2022/11/01
6.5K0
vue删除数组中的某个对象_vue修改数组的元素的值
html元素(标签)
html元素(标签) <!DOCTYPE html> <html> <head> <!-- 头标签用于存放<meta><title>等标签 --> <meta charset="utf-8"> <!-- 设置编码 --> <title>html5</title> <!-- 设置标题 --> <link rel="stylesheet" type="text/css" href="mystyle.css"><!-- 定义了外部文件 --> <style type="t
IT架构圈
2018/05/31
1.9K0
js通过input框输入属性和值,改变div的属性
js实现在input框里面输入属性和值,页面的 div的属性根据输入的属性和值进行变化。
王小婷
2019/03/04
15.9K0
js通过input框输入属性和值,改变div的属性
Java练习题-获取数组元素最大值
1.定义一个getMax()方法,用于查找数组元素最大值,传入一个整数数组arr作为参数
hacker707
2023/10/16
2100
Java练习题-获取数组元素最大值
【说站】python快速排序实现元素递增
2、在数据中找到一个虚拟的中间值,然后将所有计划排序的数据分成两部分。在这些数据中,小于中间值的数据放在左边,大于中间值的数据放在右边,然后以相同的方式处理左右数据,直到排序完成。
很酷的站长
2022/11/24
3820
【说站】python快速排序实现元素递增
如何查找递增连续数组中缺失的数字
在一个长度为n的递增数组中,数组中元素范围是0 ~ n-1,如何在这个递增连续数组中查找缺失的数字? 分析下: 1. 排序数组中的搜索算法,首先想到的就是二分法查找 2. 丢失的数字之前的左子数组:n
一个架构师
2022/06/20
3.2K0
如何查找递增连续数组中缺失的数字
java数组返回元素位置_把返回值用数组形式返回java
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/09/30
2.2K0
点击加载更多

相似问题

通过按下按钮连续递增标签的值

40

比较每个递增输入"ID“的数组值

13

通过指针数组递增

12

通过递增ID遍历元素

33

如何向字符串数组输入递增的值

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文