前端小白，关于在函数里面使用数组的push()方法，结果数据永远只有一条

最新推荐文章于 2024-06-04 21:46:10 发布
最新推荐文章于 2024-06-04 21:46:10 发布
阅读量4.1k 收藏 1
点赞数 1
分类专栏： WEB前端 文章标签： 数组 push
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39092312/article/details/87889313
版权

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
<div><input type="text" id="time"></div>
<div><input type="text" id="task"></div>
<div οnclick="save()">保存到本地</div>
 <script>

  function save(){
      var jsonArray=[];
     var jsonData={"time":"","task":""};
     jsonData.time=document.getElementById("time").value;
     jsonData.task=document.getElementById("task").value;
   console.log(jsonData);
     jsonArray.push(jsonData);
     console.log(jsonArray);
  }
一开始楼主想用调用函数实现点击一下，往数组里添加一条Json
数据，结果发现数组里的数据和长度根本不会改变，想了半天。后来才发现是全局变量和局部变量的原因，因为我的数组是定义在函数里面，就成了局部变量，所以，push方法是成功了，但因为是局部变量，所以，每次调用函数就会执行 var jsonArray=[];该语句清空数组数据，所以数据永远只有一条。如果把 var jsonArray=[];该语句放到函数外面那就没有问题了。

北城星梦
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中循环使用push，console.log打印数组遇到的一些问题
KIoIK的博客
04-24 1197
在用循环中用push添加数组元素时发现每次打印出来的都是最后的数组 var i =[]; for(let j=0;j<5;j++) { i.push(j) console.log(i) } 本来以为会按照 [0]/[0,1]/[0,1,2]这种方式打印出来，结果打印出来了 五个完全一样的数组，看了一些别人的博客，是因为数组的地址是同一个，所以打印出来的是完全相同的。因为alter是会阻断代码继续往下执行的，所以后面我用alter替换了console.log，发现确
JavaScript使用push方法添加一个元素到数组末尾用法实例
10-24
`push()`方法是JavaScript数组操作中非常基础且常用的一个功能，它不仅适用于简单的数据添加，还可以在更复杂的场景中发挥作用，比如动态地构建数组、处理用户输入等。需要注意的是，`push()`方法会改变原始数组，...
vue js关于在函数里面使用数组的push()方法，结果数据永远只有一条
qq_52790671的博客
08-12 2056
在函数里面使用数组的push()方法，结果数据永远只有一条 是全局变量和局部变量的原因，因为我的数组是定义在函数里面，就成了局部变量，所以，push方法是成功了，但因为是局部变量，所以，每次调用函数就会执行 var arr=[];该语句清空数组数据，所以数据永远只有一条。 简单来说呢，就是不用let var什么的，直接用this.arr.push(),就没错了。 ...
JavaScript html css 前端 push方法 pop方法 unshift方法 shift方法 reverse方法 splice方法 sort方法 join方法 toString方法
最新发布
ndjziskwkhdh的博客
06-04 1082
let 排好序的数组 = 数组.sort( function(a,b){ return a- b} ) //升序。let 排好序的数组 = 数组.sort( function(a,b){ return b- a} ) //降序。let 过滤后的数组 = 数组.filter( function( item, index ){})let 映射后的数组 = 数组.map( function (item, index) {} )let 拼接好的新数组 = 数组.concat(其他数组)
JQuery将多个动态对象(属性名相同，值不同)push进同一个数组，结果打印出的数组元素是同一个对象
Charles_Tian的博客
08-08 7050
先上出现的问题图(vue框架)： &lt;div id="sortable"&gt; &lt;li class='gray' v-for="(item,idx) in keywords_list" :id="item.kid"&gt; &lt;span&gt;{{idx + 1}}&lt;/span&gt; &lt;span&
解决push同一个数据到数组，修改都是同一组数据问题
qq_38804584的博客
02-23 810
例如1： let a = {a:'',b:''} let arr = [] arr.push(a); arr.push(a); arr.forEach((item,index)=>{ item.id = index+1 }) console.log(arr) 以为返回的会是： [{a:'',b:'',id:1}，{a:'',b:'',id:2}] 实际上返回的是： [{a:'',b:'',id:2}，{a:'',b:'',id:2}] 例如2： let ...
js把对象push到数组，数组为啥打印出来的却是数字？
qq_58307541的博客
02-18 606
解决方案是 let arr=data.push(obj)
php通过array_push()函数添加多个变量到数组末尾的方法
01-21
本文实例讲述了php通过array_push()函数添加多个变量到数组末尾的方法。分享给大家供大家参考。具体分析如下： php通过array_push()函数添加多个变量到数组末尾，array_push函数接受任意数量的变量添加。 <?php ...
php通过array_unshift函数添加多个变量到数组前端的方法
12-18
这个函数对于需要调整数组顺序或在处理数据时预先设定某些值非常有用。本文将深入探讨 `array_unshift()` 的工作原理、使用方法以及相关的数组操作技巧。 `array_unshift()` 函数的基本语法如下： ```php array_...
两个对象数组，第二个是通过caocat或者slice或者push第一个的对象到第二个数组，那么改变这些对象的属性，实际上两个数组会一起变化，因为是引用类型
qq_41430522的博客
06-06 235
测试代码 /** * 之前关于引用类型和对象以及和一些数组方法的联系起来之后的一些问题 */ // 1.两个数组push相同的对象，push的是引用类型吗 是 // let obj = { // a: 1 // } // let arr1 = [] // let arr2 = [] // arr1.push(obj) // arr2.push(obj) // arr1[0]['a'] = 10 // console.log(arr2[0].a)// 10 // 2.slice呢 slice
JS 原生 push对象到数组中遇到的问题
weixin_30832405的博客
07-11 982
在做小程序开发时，需要将一个对象push到数组中，第一次写法是 for(var j in that.data.goods ){//遍历商品信息 获取商品id // console.log(that.data.goods[j].id) for(var h in that.data.cart.list){//遍历缓存中购物车列表，获取下标 ...
将一个对象数组中的元素push到另一个空数组
qq_40889256的博客
08-12 630
将一个对象数组中的元素push到另一个空数组
【Java】JSONArray详解
小賀のBlog
09-25 1万+
JSONArray是一种有序的元素集合，可以包含任意类型的数据，如字符串、数字、布尔值、null、数组或另一个JSON对象。JSONArray在JavaScript和Java等编程语言中都有广泛应用。在JavaScript中，JSONArray是一组数组元素，可以是任何类型的数据，如字符串、数字、布尔值、null、数组或对象。数组元素可以通过索引访问，也可以使用push和pop方法添加或删除元素。在Java中，JSONArray是一个类，用于表示JSON数组。
Vue3数组使用push，导致数组每一个元素都改变
weixin_55869175的博客
05-13 8401
Vue3数组使用push，导致数组每一个元素都改变 目标 首先声明一个listx的数组，监听父组件传递过来的listComplete，存在listComplete就将它push到listx数组中。然后将v-for渲染到页面中 理想中的效果应该是，点击【完成】=> 项目2 从未完成中删除，并加入到下方已完成列表中。 但是实际呢？实际上点击加入项目2 后，项目1的内容也变成了项目2 这是因为push的并不是一个值，而是一个地址，数组都指向同一个地址，就好比listx[0]和listx[1]都是指
Vue中数组push问题
热门推荐
weixin_44080648的博客
10-09 2万+
最近在Vue框架中使用数组push遇到两个坑 1. 向数组中push后，无法获取到数组中的属性值 数组赋值： ...... res.data.forEach((item,index) => { // res.data中有值 this.bData.push({ ...... video: item.video }) }) ...... 页面取值： <video :url="bData[0].video"></video> 页面中无法获取到bData[0].
浅谈Vue3——如何使用Push
TianXuab的博客
10-31 2809
在Vue 3中，"push"是一个数组方法，用于向数组的末尾添加一个或多个元素。通过使用"push"方法，我们可以动态地向Vue 3的数据数组中添加新的元素。Vue 3是Vue.js的最新版本，它引入了许多新功能和改进，使得开发更加简单和高效。通过在Vue组件中定义一个数组数据属性，并在需要添加元素的地方调用。方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。下面是一个完整的示例，展示了如何在Vue 3中使用。在上面的示例中，我们在Vue组件的模板中使用了。在上面的代码中，我们首先在Vue组件的。
【微信小程序】数组push后，数组返回内容为数字
Minf的博客
05-24 1145
JS数组方法 push 不得不知的细节
数组你所不知道的push()
imkaifan的博客
01-22 304
push方法实际上只是发挥了它一小部分的威力 数组的=栈方法：栈是一种LIFO（Last-In-First-Out，后进先出）的数据结构，也就是最新添加的项最早被移除。 1. push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾 2. 返回修改后数组的长度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
微信小程序 setData 数组。push 时出现的问题，push结果是1
wlm123565的博客
04-02 4589
以下是今天写代码的时候碰见的坑。 // 需求：把异步请求回来的图片ID，添加到data中的fileID中。添加图片的数量及次数是不确定的 错误写法 for ( var i = 0 ; i < imageList.length ; i++ ) { /// 循环中内套一个异步请求 部分不相关代码已省略 wx.uploadFile({ ...
用js实现一个类似数组push方法的函数mypush，且可以增加多个数据
04-20
好的，这是一个关于 JavaScript 编程的问题。以下是实现 mypush 方法的代码： ```javascript function mypush(arr, ...args) { for (let i = 0; i < args.length; i++) { arr[arr.length] = args[i]; } return arr.length; } ``` 这个方法接受一个数组和多个要添加的元素作为参数，并将新元素添加到数组末尾。该函数返回更新后数组的长度。 使用示例： ```javascript const myArray = [1, 2]; mypush(myArray, 3, 4, 5); console.log(myArray); // [1, 2, 3, 4, 5] ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值