javascript - 如何:js中的push()函数未插入值

我正在尝试使用Google Maps API，但被困在这里:

我需要一个具有特定格式的某些值的数组变量(waypts)。

每当我将值“推”到waypts变量中时，它仅返回“OBJECT”作为其值。

我需要它来 push 在selected-input-text中设置的实际值。

与jQuery和javascript(核心)

代码:

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $('document').ready(function(){
            var waypts = [];
            var temp = $('input.boom').map(function(){
                return $(this).val();
            });

            for (var i=0;i<temp.length;i++){
                waypts.push({
                    location:temp[i].value,
                    stopover:true
                });
            }
            alert(waypts);
        });
    </script>
</head>
<body>
    <input type="text" class="boom" value="boom1"><br>
    <input type="text" class="boom" value="boom2"><br>
    <input type="text" class="boom" value="boom3"><br>
    <input type="text" class="boom" value="boom4"><br>
</body>
</html>

最佳答案

您需要提醒数组的属性

尝试提醒Waypts [0] .location

要显示对象数组的所有项目，请执行以下操作:

var output="";
for (var o in waypts) {
  if (waypts.hasOwnProperty(o) {
    output += "\n"+o+":"+waypts[o].location + '-' + waypts[o].stopover;
  }
}
alert(output)

或用于标准数组(如您在阅读问题时所看到的)

var output="";
for (var i=0, n=waypts.length;i<n;i++) {
  output += "\n"+i+":"+waypts[i].location + '-' + waypts[i].stopover;
}
alert(output)

或使用jQuery

var output="";
$.each(waypts, function(i,item) {
  output+= i+':'+item.location+'-'+item.stopover;
});
alert(output)