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

最新推荐文章于 2023-09-25 14:11:14 发布

原创最新推荐文章于 2023-09-25 14:11:14 发布 · 4.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#数组 #push

WEB前端专栏收录该内容

10 篇文章

订阅专栏

<!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 onclick="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=[];该语句放到函数外面那就没有问题了。