精华内容
下载资源
问答
  • angular.forEach(vm.details, function (data, index, array) { angular.forEach(data, function (value, key) { if (value == "") { ...
        angular.forEach(vm.details, function (data, index, array) {
                        angular.forEach(data, function (value, key) {
                            if (value == "") {
                                vm.details[index][key] = null;
                            }
                        })
                    });

     

    angular.forEach(vm.geographyPipelineDetails,function(data, index, array){

    angular.forEach(data,function(value, key){

    if(value ==""){

    vm.geographyPipelineDetails[index][key]=null;

    }

    })

    });

    转载于:https://www.cnblogs.com/Aaron-Lee/p/9122559.html

    展开全文
  • ![图片说明]... temp是一组j'son字符串,现在想循环遍历其中的某个值并把其存入到js创建的新的map里边,但是我这么写最后map里边只是遍历map的最后一个值
  • $("input[class='datainput']").each( function() { var obj = $(this); obj.val(avg); }); 转载于:https://www.cnblogs.com/lengzhijun/p/5505366.html...

    $("input[class='datainput']").each( function() {
                        var obj = $(this);
                        obj.val(avg);
                        });

    转载于:https://www.cnblogs.com/lengzhijun/p/5505366.html

    展开全文
  • Vue-循环遍历选项赋值到对应控件

    千次阅读 多人点赞 2020-06-19 19:51:13
    下面就一步步为大家讲解如何实现将它的试题选项赋值到对应的控件中的,因为题型较多,拿单选题型为大家演示:不同题型它的界面也是不同的,这里也有个技术点,这里就先不讲解了。 如动图所示,要完成这样的功能,...

    老规矩:先走流程,上动图看效果!在此推荐个大佬,为我提供解决思路,大家多多访问他的博客,希望带给大家帮助

    https://blog.csdn.net/yyp0304Devin

    下面就一步步为大家讲解如何实现将它的试题选项赋值到对应的控件中的,因为题型较多,拿单选题型为大家演示:不同题型它的界面也是不同的,这里也有个技术点,这里就先不讲解了。

    如动图所示,要完成这样的功能,肯定是要访问后端接口的

    知道URL后,我们就知道携带的试题ID过去

    一、传递ID

    在点击编辑按钮事件中将ID传值过去

    	<el-button
    	    @click="editQuestion(scope.row)"
    	    type="text"
    	    size="small"
    	    icon="el-icon-edit"
    	></el-button>
    	
    	// 携带的题型ID
    	carryCurrentRowCode: [
    	        { id: "" }
    	],
    	
    	// 通过点击按钮将ID传值到add-question界面
    	editQuestion(row) {
    	      this.carryCurrentRowCode = row;
    	      this.$router.push({
    	        path: "add-question",
    	        query: {
    	          carryCurrentRowCode: this.carryCurrentRowCode
    	        }
    	      });
    	    },
    

    二、在钩子函数中通过路由接收ID

    this.$axios
    	.get("/option/queryById/" + this.carryCurrentRowCode.id)
    	.then(res => {         
    });

    在Vue.js文件中写好代理路由,因为是新的接口,让我在访问路径时忘了写,明明获取到了ID,就是报404,疑惑了好半天,所以一定不要忘记写好代理!

    proxy: {      
    	'/option': {
            target: 'http://localhost:8013'
          },
    }

    三、循环遍历data数组,将不同试题内容赋值到对应控件

    由Swagger测试接口可以看出,给我们的返回数据得到的是这样一个数组,如何将对应的试题内容赋值到相应的控件中,就要用到for循环了

    传统for循环用法:

    String[] arr = { "amy", "heinrich", "cindy", "git" };
    	  
    	     for (int i = 0; i < arr.length; i++) {
    	          System.out.println(arr[i]);
    }

    打印台:

    amy

    heinrich

    cindy

    git

    for循环可以获取到它的optionOrder,以此来区分不同的试题选项,之后再做判断赋值到相应的控件就好了

    for (var i = 0; i < res.data.data.length; i++) {
                // 选项A输入框+富文本编辑器
                if (res.data.data[i].optionOrder == 1) {
                  this.IA_inputw = res.data.data[0].optionName;
                  this.FA_input = res.data.data[0].optionName;
                } else if (res.data.data[i].optionOrder == 2) {
                  //选项B输入框+富文本编辑器
                  this.IB_inputw = res.data.data[1].optionName;
                  this.FB_input = res.data.data[1].optionName;
                } else if (res.data.data[i].optionOrder == 3) {
                  //选项C输入框+富文本编辑器
                  this.IC_inputw = res.data.data[2].optionName;
                  this.FC_input = res.data.data[2].optionName;
                } else if (res.data.data[i].optionOrder == 4) {
                  //选项D输入框+富文本编辑器
                  this.ID_inputw = res.data.data[3].optionName;
                  this.FD_input = res.data.data[3].optionName;
                }
              }

    功能实现,多选、判断等不同类型的试题都可以使用这个方法实现赋值。

    展开全文
  • JS对象遍历

    2021-08-25 15:03:11
    JS遍历对象 1:使用Object.keys()遍历 返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性) var obj = { a: 1, b: 2, c: 3 } //输出一个数组,数组元素是对象属性的集合 console.log...

    JS对象

    一、创建对象

    let obj = {};
    let createObj = Object.create({});
    let createNull = Object.create(null);
    

    前两种是拥有原型的,第三种是一个没有任何携带的空对象,no properties,无指针无原型。

    二、对象的判空

    对象为空的判断,数据使用要做兼容防止报错,此处延伸一个try{}catch(){}的问题,在代码中用此方法来防止代码报错显然是愚蠢的,在代码中过多try{}catch(){}会造成程序的压力,会造成代码质量过低

    //第一种判空方法
    let obj = {};
    let result = true;
    for (let key in obj) {
      result = false;
    }
    //第二种判空方法
    let obj = {};
    Object.keys(obj).length === 0
    //第三种判空方法
    let obj = {};
    JSON.stringify(obj) === '{}'
    

    三、对象属性的顺序

    JS 对象是简单的键值映射,因此,对象中属性的顺序是微不足道的, 在大多数情况下,不应该依赖它。
    在ES5和早期标准中,根本没有指定属性的顺序。
    然而,从ES6开始,属性的顺序是基于一个特殊的规则的,除非特指按照时间排序。

    数字:当属性的类型时数字类型时,会按照数字的从大到小的顺序进行排序;
    字符串:当属性的类型是字符串时,会按照时间的先后顺序进行排序;
    Symbol:当属性的类型是Symbol时,会按照时间的先后顺序进行排序。
    如果需要有序集合,建议将数据存储到数组或Set中。

    JS遍历对象

    1:使用Object.keys()遍历

    Object.keys()方法可以将一个对象作为参数,然后把这个对象[key,value]对中的key值以数组的形式遍历出来。
    返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)。
    数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举,那么将返回由键组成的数组。

    var obj = {
            a: 1,
            b: 2,
            c: 3
        }
    //输出一个数组,数组元素是对象属性的集合
    console.log(Object.keys(obj)); //['a','b','c']
    //根据属性取属性对应的值
    Object.keys(obj).forEach((key) => {
       console.log(obj[key])
    })
    

    在这里插入图片描述

    来看看一个对象拥有自身和继承属性的例子,Object.keys()只返回自己的属性键:

    let simpleColors = {
      nameA: 'a',
      nameB: 'b'
    };
    let natureColors = {
      colorC: 'green',
      colorD: 'yellow'
    };
    Object.setPrototypeOf(natureColors, simpleColors);
    Object.keys(natureColors); // => ['colorC', 'colorD']
    natureColors['nameA'];    // => 'a'
    natureColors['nameB'];    // => 'b'
    

    Object.setPrototypeOf() 方法——设置一个指定的对象的原型 ( 即内部[[Prototype]]属性)到另一个对象或 null。
    Object.keys(natureColors)返回natureColors对象的自身可枚举属性键:[‘colorC’,‘colorD’]。
    natureColors包含从simpleColors原型对象继承的属性,但是Object.keys()函数会跳过它们。

    2:使用for…in循环:含可继承的属性

    (循环可枚举的属性,自身的和继承的)(不含Symbol属性)

    for(var i in obj){
        console.log(i)    //输出属性
        console.log(obj[i])    //输出属性对应的值
    }
    

    在这里插入图片描述
    for…in不仅可以循环枚举自身属性还可以枚举原型链中的属性:

    let enumerableKeys = [];
    for (let key in natureColors) {
      enumerableKeys.push(key);
    }
    enumerableKeys; // => ['colorC', 'colorD', 'nameA', 'nameB']
    

    enumerableKeys数组包含natureColors自身属性键: ‘colorC’和’colorD’。
    for…in也遍历了从simpleColors原型对象继承的属性。

    3:使用Object.getOwnPropertyNames()遍历:包括不可枚举的属性

    返回一个数组,包含对象自身的所有属性(不含Symble属性),包括不可枚举属性

    var obj = {
            a: 1,
            b: 2,
            c: 3
        }
    console.log(Object.getOwnPropertyNames(obj)); //['a','b','c']
    Object.getOwnPropertyNames(obj).forEach((key)=>{
    	console.log(key,obj[key])     //a 1     b 2     c 3
    })
    

    4:Reflect.ownKeys:包括Symble属性

    包含所有的(自身+继承的)

     var obj = {
            a: 1,
            b: 2,
            c: 3
        }
    console.log(Reflect.ownKeys(obj)); //['a','b','c']
    Reflect.ownKeys(obj).forEach((key)=>{
        console.log(key,obj[key])     //a 1     b 2     c 3
    })
    

    5:Object.getOwnPropertySymbols()

    不常见,返回一个数组,包含给定对象所有自有的Symbol值的属性(包括不可枚举的Symbol值属性)。

    6:Object.values() 和 Object.entries()

    都是返回一个给定对象自身可枚举属性的键值对数组。

    Object.values(natureColors); 
    // => ['green', 'yellow']
    Object.entries(natureColors);
    // => [ ['colorC', 'green'], ['colorD', 'yellow'] ]
    

    ①Object.values()

    Object.values()方法可以将一个对象作为参数,然后把这个对象[key,value]对中的value值以数组的形式遍历出来,返回一个给定对象自身的所有可枚举属性值的数组,值的顺序与使用for…in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。
    例如,使用Object.keys()收集keys,然后通过 key 去获取对象取对应的值:

    let meals = {
      mealA: 'Breakfast',
      mealB: 'Lunch',
      mealC: 'Dinner'
    };
    for (let key of Object.keys(meals)) {
      let mealName = meals[key];
      // ... do something with mealName
      console.log(mealName);
    }
    // 'Breakfast' 'Lunch' 'Dinner'
    

    meal是一个普通对象。 使用Object.keys(meals)和枚举的for…of循环获取对象键值。
    代码看起来很简单,但是,let mealName = meals[key] 可以进一步优化,如下:

    let meals = {
      mealA: 'Breakfast',
      mealB: 'Lunch',
      mealC: 'Dinner'
    };
    for (let mealName of Object.values(meals)) {
      console.log(mealName);
    }
    // 'Breakfast' 'Lunch' 'Dinner'
    

    ②Object.entries()

    返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for…in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性)。
    Object.entries() 返回键值对数组,如 [ [key1, value1], [key2, value2], …, [keyN, valueN] ]。
    可能直接使用这些键值对不怎么方便,但可以通过数组解构赋值方式访问键和值就变得非常容易,如下所示:

    let meals = {
      mealA: 'Breakfast',
      mealB: 'Lunch',
      mealC: 'Dinner'
    };
    for (let [key, value] of Object.entries(meals)) {
      console.log(key + ':' + value);
    }
    // 'mealA:Breakfast' 'mealB:Lunch' 'mealC:Dinner'
    

    当普通对象要转换成 Map 时Object.entries() 就很有用,因为Object.entries() 返回的格式与Map构造函数接受的格式完全相同:(key,value)。

    使用常规的Map构造函数可以将一个二维键值对数组转换成一个Map对象。

    let greetings = {
      morning: 'Good morning',
      midday: 'Good day',
      evening: 'Good evening'
    };
    let greetingsMap = new Map(Object.entries(greetings));
    greetingsMap.get('morning'); // => 'Good morning'
    greetingsMap.get('midday');  // => 'Good day'
    greetingsMap.get('evening'); // => 'Good evening'
    

    Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值
    ,Map提供了与Object.values()和Object.entries() 等效的方法(只是它们返回Iterators),以便为Map实例提取属性值或键值对:
    Map.prototype.values() 等价于Object.values()
    Map.prototype.entries() 等价于Object.entries()`

    map是普通对象的改进版本,可以获取 map 的大小(对于普通对象,必须手动获取),并使用任意对象类型作为键(普通对象使用字符串基元类型作为键)。
    让我们看看返回.values()和.entries()的map的方法:

    [...greetingsMap.values()];
    // => ['Good morning', 'Good day', 'Good evening']
    [...greetingsMap.entries()];
    // => [ ['morning', 'Good morning'], ['midday', 'Good day'], 
    //      ['evening', 'Good evening'] ]
    

    greetingsMap.values()和greetingsMap.entries()返回迭代器对象。若要将结果放入数组,扩展运算符…是必要的。

    展开全文
  • JavaScript对象遍历

    2020-04-10 21:27:19
    对象: object 字面量方式创建对象 键值对 key: value 键和值之间用:分割,多个键值对之间用,分割 var guoer = { name: 'yangguo', arxhz: function () { console.log('黯然销魂掌') },...
  • JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var arr = [1,2,4,6] for(var i = 0, ...
  • 对一个循环分享的这么详细,相信看完你会有所收获。 正文从这开始~ 在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是: 简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一...
  • JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景。今天,李老师就来给大家讲解,各种JavaScript遍历方法的比较。各种数组遍历的方法for语句...
  • JQuery的class选择器遍历赋值的小技巧

    千次阅读 2019-01-31 10:54:43
    在做项目中,遇到这样一个需求。 下边是一个轮播图,里边的块需要ajax从...)获取以后,会有9个class对象,直接each遍历赋值的话,会报“Cannot read property 'lessonImage' of undefined”错误 $(".le...
  • 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 使用Object.keys(obj); obj 参数 必选 遍历的对象 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性) 返回的是属性名。 使用Object.values(obj); obj ...
  • 先图后代码 最后附上代码 var obj = {}; obj.x = "这是成员 : x"; obj.y = "这是成员 : y"; obj.a = "这是成员 : a"; obj.f = function () { console.... obj.w = function () { consol
  • 1. 遍历对象属性,相同属性赋值到另一个对象中 var dataA = { 'name':'张三', 'age':20, 'sex':'男' } var dataB = { 'name':'李四', 'age':25 } for(let k in dataB){ this.dataA[k] = dataB[k]; } dataA...
  • 29_JavaScript对象遍历

    2020-07-08 11:11:29
    JS中可以通过高级for循环遍历对象 以下代码的含义: 将指定对象中所有的属性和方法的名称取出来了依次的赋值给key这个变量 for(let key in obj){} <script> class Person { constructor(name, age) {...
  • 取出数据导出表 循环取出数,再重新赋值 判断其中的值是如何 根据值进行渲染 for(var i=0;i<ret.data.length;i++){ if(ret.data[i].datetime1=="" ){ ret.data[i].datetime1="无" }else{ var shijian=...
  • JS循环遍历方法

    2018-09-10 10:43:44
    1. 标准for循环的写法 先定义一个变量i作为索引,以跟踪访问的位置,条件就是i不能超过数组的长度,一旦超过,跳出循环体,结束循环。 var arr = [1,2,3,4,5]; for (var i=0; i&lt;arr.length; i++){ ...
  • js 多维数组遍历赋值

    千次阅读 2019-09-10 13:05:17
    let data = [{ "Id": 1, "RegionName": "中国", "Child": [{ "Id": 2, "RegionName": "北京市", "Child": [{ "Id": 3, ...
  • js 各种循环遍历 js 各种循环遍历(表格比较) 遍历方法 能否遍历数组 能否遍历对象 备注 for 能 不能 for in 能(有诸多缺点) 能 为遍历对象而设计的,不适用于遍历数组 forEach 能 不能 bre ... js并行加载,顺序执行...
  • javascript循环遍历数组输出key value

    万次阅读 2017-05-05 10:18:50
    javascript循环遍历数组输出key value 用$.each方法肯定不行的 所以采用如下方法 markers = []; markers[2]=3; markers[3]=7; for(var key in markers){ console.log( key )
  • 本文主要介绍JS循环遍历的方法,主要是forEach和map的范例。 为了方便作对比,forEach与map将实现同一个效果。 一、forEach let choiceIds = []; hasChoiceList.forEach((e,i) => { choiceIds .push(e); }); ...
  • 循环遍历数组/对象

    2019-10-03 23:47:43
    1、for循环 ... 3)小技巧:边赋值边判断,第二个分号中是判断的内容,每次循环时会对其进行判断,当i++大于arr的长度时,arr[i++]=underfined 在JS中0 null underfined '' 都会转换为false,循...
  • Kettle的循环遍历

    万次阅读 热门讨论 2016-01-11 10:31:36
    在ETL的工具Kettle中使用了循环遍历的一个案例,这个类似Java的for 循环遍历一样。 开发背景:数据库中存放的表数据table A和Table B,同时进行读取这些表的行数,或者读取通用的配置,这样才会使用Kettled的循环...
  • 今天我们来看点基础知识,看看JavaScript中的那些循环遍历方法: 一、数组遍历方法 forEach() forEach 方法用于调用数组的每个元素,并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下: ...
  • js 使用for循环遍历数组

    千次阅读 2014-08-21 15:01:24
    for循环的使用!如下:定义a数组,b为伪数组! var a = [1,2,3,0,5,4]; var b = document.getElementsByTagName('li'); //[1,2,3,4,5] 第一种:错误型! for ( var i = 0; i ; i++ ){ //这种写法是最基本的,但错误...
  • ES6 对象的遍历及键值对的遍历 对象属性遍历 for … in object.keys(obj) object.getOwnPropertyNames(obj) objecr.getOwnPropertySymbols(obj) ...循环遍历对象自身的和可枚举的属性(不包含Symbol属性) 例:let
  • 面向对象 类----定义属性和方法 对象 类的具体实现,继承了类所定义的属性和方法(是一种数据类型) 类是对象的抽象,对象是类的实例 ...js对象的本质:属性和方法的集合(无序,所以对象没有len...
  • 循环遍历删除问题

    2021-01-26 10:55:13
    循环遍历删除问题 业务中我们经常会遇到,循环遍历删除满足条件的数据,首先想到的肯定是forEach 或者麻烦点的for循环根据索引进行删除,删除可能会用到数组的方法诸如pop,shift,splice,split……,我做的业务是...
  • JavaScript对象遍历

    2019-05-22 17:16:40
    遍历对象是平常工作中很常见的一个操作,几乎是日常操作,但是遍历对象真的是一件很容易的事情么,显然不是的。 常用的方式 for...in for (variable in object) {...} 这个是一个很常见的用法,相信每个人顺手都可以...
  • 遍历数组,生成对象,push到新数组 Object.keys(list).forEach(key => { let item = { val: list[key] } data.push(item) }) 打印结果:[ { val: ‘750’ }, { val: ‘1080’ }, { val: ‘1125’ }, { val: ...
  • js 遍历并且赋值

    千次阅读 2017-12-19 13:46:57
    [code="js"] $("#productInfo").find("i").each(function() { var $this = $(this); $this.text(productData[$this.attr("id")]); }); [/code]

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 43,726
精华内容 17,490
关键字:

js对象循环遍历赋值