查找数组中符合条件的所有记录 var list=[ {id:1,name:"张三"}, {id:2,name:"李四"}, {id:3,name:"王五"}, {id:4,name:"张六"} ] 有以上数组,查找名字中有“张”的对象,在以前我们的写法: //先定义一个空数组,然后for循环查找符合条件的记录添加 var newlist=[]; for(var i=0;i<list.count;i++){ if(list…

ES6中Object.assign() 方法 1. 对象合并Object.assign 方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象上.如下代码演示: var target = {a: 0}; var source1 = {b: 1}; var source2 = {c: 2}; Object.assign(target, source1, source2); console.log(target); // 输出 {a: 0, b: 1, c: 2} 1-1 如果…

一.数组的创建 1.使用 Array 构造函数 var arr1 = new Array(); // 创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组 2.使用数组字面量表示法 var arr4 = []; // 创建一个空数组 var arr5 = [20]; // 创建一个…

form 转化为真正的数组 先说一下使用场景,在Js中,我们要经常操作DOM,比如获取全部页面的input标签,并且找到类型为button的元素,然后给这个按钮注册一个点击事件,我们可能会这样操作: var inputObjs=document.getElementsByTagName('input'); for(var i=0;i<inputObjs.length;i++){ if(inputObjs[i].type==='button'){ inputObjs[i].onclick=func…

es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法: includes 搜索字符的神器 还记得我们之前如何判断某个字符串对象是否包含特地字符的吗? var str='google'; if(str.indexOf('o')>-1){ console.log('yes'); }else{ console.log('no'); } indexOf本来只是一个获取字符对应位置的方法,因为找到不到会返回-1这个值,就成了判断是否包含的方法,inclu…

ES6数组可以支持下面的几种写法: (1)var [a,b,c] = [1,2,3]; (2)var [a,[[b],c]] = [1,[[2],3]]; (3)let [x,,y] = [1,2,3]; //x=1 y=3 (4)var [x,...y] = [1,2,3,4]; //x=1 y=[2,3,4] 当然我认为代码必须要有易读性,所以请谨慎选择写法. 下面就要说数组的方法 转换成数组的方法Array.from()这个方法是把类似数组的对象或者是可遍历的对象转化为数组(包括了ES6里…

Array 1.map() [1,2,3,4].map(function(item, index, array){ return  item * 2; }) 对数组中的每一项执行一次回调函数,三个参数依次为:数组中的每一项.每一项的下标.原数组. map方法会改变原数组. 2.filter() [1,22,3,14].filter(function(item, index, array){ return  item >= 10; }) 对数组中的每一项执行一次回调函数,三个参数依次为:数组中的每…

1.创建一个数组,判断数组中是否存在某个值 var newarr = [ { num: , val: 'ceshi', flag: 'aa' }, { num: , val: 'ceshi2', flag: 'aa2' } ] console.log(newarr.filter(item => item.num=== )) 2.也可以通过上面方法过滤掉num为2的留下num为1的 var newarr = [ { num: , val: 'ceshi', flag: 'aa' }, { num:…

es6里面,关于arr的遍历以及查找,新增了很多的方法,对于不同的应用场景,运用合适的方法,可以达到事半功倍的效果: 一, arr.find():用于查找到符合条件的第一个成员,如果没有查找到的话,则返回undefined: var arr = [1,2,3,-4,-2,9]; arr.find(item => item < 0) ; ---- -4 arr.find(item => item > 10); -----undefined 二, arr.findIndex():用于查…

首先,ES6 的 class 属于一种“语法糖”,所以只是写法更加优雅,更加像面对对象的编程,其思想和 ES5 是一致的. <1>constructor function Point(x, y) { this.x = x; this.y = y; //console.log("初始化自动执行"); } Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')'; } var…