如何获得所有的值从数组对象使用javascript

How to get all value from array object using javascript?

本文关键字：对象 数组 javascript 何获得      更新时间：2023-09-26

如何使用javascript获得数组对象的所有值?

示例:

<tr>
  <td class="my_name">udin</td>
  <td class="my_name">juned</td>
  <td class="my_name">saepudin</td>
</tr>

如何使用javascript从class = "my_name"获取所有值?

my javascript:

<script>
  $(document).ready(function() {
    var array_of_name = $(".my_name");
    // how to get all value from my object array ?
    // i want get result like this : ["udin", "juned", "saepudin"] ?
  });
</script>

如何实现?

我想你在找这个:

$( document ).ready(function() {
     var array_of_name = [];
     $(".my_name").each(function(){
         array_of_name.push($(this).text());
     }); 
     console.log(array_of_name); // will get result like this : ["udin", "juned", "saepudin"] ?
  });

或

根据评论，你也可以使用.map() 

var array_of_name= $(".my_name").map(function(){
        return $(this).text();
 }).get();
 console.log(names);

文档

  • .each()
  • .push()

Demo with .map()

你可以试试:

$(function(){
    var names = $(".my_name").map(function(){
        return $(this).text();
    }).get();
    console.log(names);
})

使用现代浏览器(MSIE>= 9)，您可以很容易地在纯JavaScript中完成此操作:

var names = [].map.call(document.getElementsByClassName('my_name'), function(el) {
    return el.textContent;
});

参见:Array.prototype.map

在Javascript中，您可以这样实现:

 var array_of_name = [];
 var elements_arr = document.getElementsByClassName("my_name");
 for (var i in elements_arr) {
     array_of_name.push(elements_arr[i].innerHTML);
 }
 console.log(array_of_name);

try this: 

$(function(){
    var data = [];
    $(".my_name").text(function(key,value){
       data.push(value);
    });
 console.log(data);
})
相关文章：