JS之对象数组遍历?

一、js实现遍历对象

<script>
  var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"};
  var props = "";
  for(var p in obj){
      if(typeof(obj[p])=="function"){
            obj[p]();   执行方法
      }else{
            props+= p + "=" + obj[p] + " ";   输出属性
         }
  }
  alert(props);
</script>

  遍历数组

<script type="text/javascript">
//比如
var values=["北京","天津"];//遍历1 

for(var i=0;i<values.length;i++){  只能用于数组 因为对象没有长度值 alert(values[i]); } 

//遍历2 

for(var ele in values){    alert(values[ele]);//下标

 } </script>

二、JQuery遍历

遍历数组

$(function(){
   //------------遍历数组 .each的使用-------------
   var anArray = [‘one‘,‘two‘,‘three‘];
       $.each(anArray,function(n,value) {
           alert(n+‘ ‘+value);
           trs += "<tr><td>" +value+"</td></tr>";
         });  

});  

遍历对象

$(function(){
  //------------遍历对象 .each的使用-------------
      //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
    var obj =[{"name":"admin","password":"123456"}];
 //下面使用each进行遍历
    $.each(obj,function(n,value) {
           alert(n+‘ ‘+value);
             trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";
           });         

  });
时间: 2024-11-07 09:32:38

JS之对象数组遍历?的相关文章

JS几种数组遍历方式以及性能分析对比

前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 起由 在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得这种方式挺好的,于是抽取了核心逻辑,封装成了模板,打算拓展成一个系列,本文则是系列中的第二篇,JS数组遍历方式的分析对比 JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一

JS传递对象数组为参数给后端,后端获取

前端JS代码: var conditons = []; var test1 = new Object(); test1.name="1"; test1.id="2"; var test2 = new Object(); test2.name="1"; test2.id="2"; conditons.push(test1); conditons.push(test2); $(function(){ $.ajax({ async:

JS几种数组遍历方式以及性能分析对比(转 未经测试,先mark)

前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 起由 在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得这种方式挺好的,于是抽取了核心逻辑,封装成了模板,打算拓展成一个系列,本文则是系列中的第二篇,JS数组遍历方式的分析对比 JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种

js删除对象数组

若用remove删除某个对象数组,使用for循环遍历数组中的每个对象进行删除,则必须从数组的最后一个元素倒序删除,否则每次删除都只能删除数组的一半元素,因为把索引为0的子节点删除后那么很自然的原来索引为1节点,此时它的索引变成0了,而这时变量i已经变成1了,程序继续走时就会删除原先索引为2的现在为1的节点. 原文地址:https://www.cnblogs.com/NIFS/p/12317081.html

js实现对象-数组-字符串之间的相互转化

对象-数组-字符串: 例如: var data = { user:"userName", pass:"12121" };//这是一个对象 如果要给这个data 对象追加一个属性就比如: new Date( ).getTime( );//获取当前时间到那个时间的时间间隔单位是毫秒: data.time = new Date( ).getTime( ); 此时data 里面就多了一个属性: time : " 获取到的那个毫秒数" 即: var dat

JS中 对象数组按某一属性去重 校验是否有重复数据

新任务: 下拉框出去重复数据 //前端对象数组 按某个属性去重 其中jsonArray 是你要去重的对象数组 示例中  按name属性去重 //前端对象数组 按某个属性去重 var obj = {}; jsonArray = jsonArray.reduce(function(item,next){ obj[next.name]?'':obj[next.name] = true&&item.push(next); return item; },[]); for(var i= 0;i<

js几种数组遍历方法.

第一种:普通的for循环 for(var i = 0; i < arr.length; i++) { } 这是最简单的一种遍历方法,也是使用的最多的一种,但是还能优化. 第二种:优化版for循环 for(var i = 0,len=arr.length; i < len; i++) { } 这种看上去和第一种差不多,主要是避免重复获取数组长度,当数组很大时才能看到明显效果. 第三种:foreach循环 arr.forEach(function(e){ }); 数组自带的foreach循环,使用

JS 字符串对象 数组对象 函数对象 函数作用域

一.内置对象 object对象:ECMAScript 中的所有对象都由这个对象继承而来:Object 对象中的所有属性和方法都会出现在其他对象中 ToString() : 返回对象的原始字符串表示.ValueOf() : 返回最适合该对象的原始值.对于许多对象,该方法返回的值都与 ToString() 的返回值相同 11种内置对象 包括: Array ,String , Date, Math, Boolean, Number  Function, Global, Error, RegExp ,

js判断对象数组中是否存在某个对象

1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1 var arr=[1,2,3,4] arr.indexOf(3) // 2 arr.indexOf(5) // -1 2. 要只是判断的话是可以遍历后判断对象的属性是否相同的,像这种: arr.forEach(item=>{ if(item.name=='Alex'){ alert('存在这个元素'); } }) 3. 但实际中往往是需要动态添加或删除对象或元素的,用这个方法的