如何逐个将值添加到数组中

Question

如何逐个将值添加到数组中

javascriptarrays

5

我希望能将点击按钮的8个值添加到一个数组中。

当用户按下任何按钮时，该按钮的id / value存储在数组中，但是我的数组仅在数组[0]中保存第一个值。

如何将其他值插入数组中？

以下是代码：

function reply_click(obj) {
  var id = [obj.id];
  for (i = 0; i <= id; i++) {
    alert(id);
  }
}

var arr = [id];

alert(arr);

if (id[0] == "1") {
  alert(6666666666);
}

if (id[0] == "2") {
  id[0] = 1;
  id[1] = 2;
  alert(777777777777);
}


if (id[0] == "3") {
  id[0] = 1;
  id[1] = 2;
  id[2] = 3;
  alert('login');
}

alert(id);

$(document).on('click', '.btn', function() {

  alert($(this).val());

  var myvalues = $(this).val();
  alert(myvalues);

  var cars = [myvalues, "myvaluesv", "Toyota"];
  alert(cars);
  var x = cars.length;
  alert(x);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="1" onClick="reply_click(this)">1</button>
<button id="2" onClick="reply_click(this)">2</button>
<button id="3" onClick="reply_click(this)">3</button>

<button id="tahira" name="btn" class="btn" value="tahirahassan">hi tahira</button>
<button id="sobia" name="btn" class="btn" value="sobia">hi sobia</button>
<form action="testingjquery.php" method="post">
  <input type="submit" id="btn1" class="btn111" name="val1" value=" i am tahira" />
  <input type="submit" id="btn2" class="btn112" name="val1" value="hassan" />
</form>

- Tahira Hassan

1

arr.push("new_value"); - RNK

但是如何将每个点击按钮的值保存在一个数组中呢？当我通过$(document).on('click', '.btn', function(){获取值时， alert($(this).val()); var myvalues=$(this).val(); alert(myvalues);var cars =[myvalues, "myvaluesv", "Toyota"]; alert(cars); var x = cars.length; alert(x); }); - Tahira Hassan

你确定吗？你的代码没有错误吗？ - Rajib Ghosh

2个回答

0

使用Array.prototype.push()方法在数组末尾添加新值。它还会返回新的长度。

对于你的示例，可以使用cars.push(myvalues, "myvaluesv", "Toyota")。你可以将任何数据类型推入数组中。

- Starmetal

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rajib Ghosh · Accepted Answer

你可以试试这个。

     <html>
      <head>
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
         <script>
          var arr=new Array;
          //unique object variable
          var trackObject = {};
          function reply_click(obj){
              var id = [obj.id];

                //check value is not duplicated 
                 if(!trackObject.hasOwnProperty(id)){
                    trackObject[id] = 1;
                    for(i=1;i<=id;i++){
                      arr.push(i);
                    }
                 }
                console.log(arr);

          } 
          $(document).ready(function(){
              $(".btn").click(function(){
                var myvalues=$(this).val();
                //check value is not duplicated
                 if(!trackObject.hasOwnProperty(myvalues)){
                    trackObject[myvalues] = 1;
                    arr.push(myvalues);

                  }
                  console.log(arr);

              });
          });
          // attach the .equals method to Array's prototype to call it on any array
      Array.prototype.equals = function (array) {
          // if the other array is a falsy value, return
          if (!array)
              return false;

          // compare lengths - can save a lot of time 
          if (this.length != array.length)
              return false;

          for (var i = 0, l=this.length; i < l; i++) {
              // Check if we have nested arrays
              if (this[i] instanceof Array && array[i] instanceof Array) {
                  // recurse into the nested arrays
                  if (!this[i].equals(array[i]))
                      return false;       
              }           
              else if (this[i] != array[i]) { 
                  return false;   
              }           
          }       
          return true;
      }  
      function compare(){

        result=arr.equals([1, 1, 2, 1, 2, 3, "tahirahassan", "sobia"]);
        alert(result);
      }
          </script>
          </head>


          <body >
              <p>Click on this paragraph.</p>
            <button id="1" onClick="reply_click(this)">1</button>
          <button id="2" onClick="reply_click(this)">2</button>
           <button id="3" onClick="reply_click(this)">3</button>

        <button id="tahira" name="btn1" class="btn" value="tahirahassan" >hi tahira</button>
       <button id="sobia" name="btn2" class="btn" value="sobia" >hi sobia</button>
         <form action="testingjquery.php" method="post">
          <input type="submit" id="btn1" class="btn111" name="val1" value=" i am tahira"/>
          <input type="submit" id="btn2" class="btn112" name="val1" value="hassan" />
        </form>
        <button id="compare" onClick="compare()">compare</button>

      </body>

      </html>

以下是一些有用的链接：push-array 和 unique-value