有一天有一个朋友给我发来消息 “数组对象根据对象中指定的属性去重?让我写写看”,看到这个的时候我有点懵逼,好像不太会。...哈哈一起学习进步,欢迎技术交流 问题:数组对象根据对象中指定的属性去重?...,&& 返回的是后面那个值,而我们需要的是一个第一次执行的数组对象,所以另写了一行 return prev 方法二: 计数器原理 function unique(arr,u_key){ let...result = [] result[0] = arr[0] arr.forEach((meta_item,i)=>{ //声明计数变量,如果源数组中的一个对象和result结果数组中的所有对象不同...result.length) { result.push(meta_item) } }) }) return result } 复制代码 方法三 : 简单粗暴循环,利用原理是对象的同名属性会被覆盖
.*; /** * 根据对象属性字段给list集合去重 * * @author Lance * @date 2017/03/14 */ public class ListQC {
int result = id.hashCode(); result = 31 * result + name.hashCode(); return result; } 下面对象去重的代码...()方法底层实现使用对象的equals方法去比较的,其实重写equals()就好,但重写了equals最好将hashCode也重写了。...how-to-remove-duplicate-objects-from-java-arraylist http://blog.csdn.net/growing_tree/article/details/46622579 三、根据对象的属性去重...下面要根据Person对象的id去重,那该怎么做呢?... personSet.addAll(persons); return new ArrayList(personSet); } 通过Comparator比较器,比较对象属性
1.MVC中的控制器 AngularJS的控制器主要为了把模型和视图连接在一起。大多数业务逻辑操作都会放在视图对应的控制器中。...当一个控制器通过ng-controller指令连接到DOM上,Angular将实例化一个新的控制器对象,然后调用指定的控制器的构造函数。...如果控制器使用controller as语法附加到DOM上,那么控制器实例将被分配给新的$scope范围。并且多了一个和as同名的属性,然后把自己指向这个属性,就方便我们访问了。...3.控制器的作用 3.1 在控制器中初始化模型(添加属性) 创建控制器并将它附加到DOM元素之后,AngularJS会创建一个子作用域。子作用域保存着对应控制器的数据模型。...控制器并列Demo 4.2 视图中控制器嵌套 默认情况下,AngularJS在当前作用域中无法找到某个属性,就会在父级作用域中进行查找。即子级控制器会继承父级控制器中的对象。
如果成功,它会将服务返回的 JSON 分配给$scope.greeting,从而有效地设置一个名为“greeting”的模型对象。...通过设置该模型对象,AngularJS 可以将其绑定到应用程序页面的 DOM,呈现给用户查看。...在 index.html 中,有两个这样的属性在起作用: 标记具有ng-app指示的此页面是 AngularJS 应用程序的属性。...标签的ng-controller属性设置为 reference Hello,即控制器模块。 另请注意使用占位符的两个标签(由双花括号标识)。...The ID is {{greeting.id}} The content is {{greeting.content}}复制 占位符引用将在成功使用 REST 服务时设置的模型对象的
浏览器中的JavaScript核心BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法 引言 正文 一、Window对象的方法 (1)计时器 (2)打开窗口 (3)关闭窗口 (4)对话框...二、Window对象的属性 结束语 引言 浏览器为我们提供了JavaScript运行的环境,同时也给我们提供了很多的对象,我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。...二、Window对象的属性 要是说到Window对象的属性的话,那可就多了,我们先来讲一个常用的,例如opener ,该属性返回一个window对象,表示该窗口是由谁打开的。...还有更多的window对象属性,其实都是通过调用了别的对象的属性来引用的,因为window对象表示的整个窗口,所以window对象是最大的一个对象,在他里面还有很多别的对象,我们可以通过window.别的浏览器内置对象来引用别的对象属性...Location对象 博客链接:浏览器中内置对象Location属性与方法详解 History对象 博客链接:浏览器中内置对象History属性与方法详解 Navigator对象 博客链接:浏览器中内置对象
ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。 ...,AngularJS属性的值也将修改: 实例: ng-app="myApp" ng-controller="myCtrl"> ...如何使用Scope 当你在AngularJS创建控制器时,你可以将$scope对象当做一个参数传递: 实例: 控制器中的属性对应了视图上的属性: ...scope是一个JavaScript对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。 实例: 如果你改变了视图,模型和控制器也会相应更新。 ...在AngularJS 使用$scope是一个应用像(属于应用变量和函数) 控制器的$scope(相当于作用域,控制范围)用来保存AngularJS Mode(模型)的对象。
浏览器中内置对象Location详解 引言 正文 一、Location对象的作用 二、Location对象的引用 三、Location对象的属性 四、Location对象的方法 结束语 引言 在学过JavaScript...之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下Location对象的属性与方法吧。...可以看到,返回的Location对象中有许多的属性和方法,接下来我们就对这些属性和方法进行讲解。...三、Location对象的属性 我们来看一下Location对象的属性,下面用一张表格来呈现: 属性 描述 href 设置或返回完整的URL protocol 设置或返回URL的协议部分 host 设置或返回主机名和...结束语 好了,Location对象的讲解就到这里了,如果各位对浏览器的其他内置对象感兴趣的话,可以去看我这篇文章——浏览器中的JavaScript核心讲解之BOM(浏览器对象模型),翻到最底部,可以看到各种其它浏览器内置对象的详解
AngularJS是一个强大的JavaScript框架,用于构建Web应用程序。它提供了许多功能和工具,使开发人员能够轻松地处理HTML DOM(文档对象模型)。...HTML DOM是基于HTML文档的树状结构,表示网页中的元素和属性。在本文中,我们将详细介绍AngularJS中与HTML DOM交互的各种方法和技术。...反之,当变量"username"的值改变时,输入框中的值也将更新。ng-show/ng-hideng-show和ng-hide指令用于根据条件显示或隐藏HTML元素。...ng-repeatng-repeat指令用于循环遍历数组或对象,并根据每个元素生成HTML内容。...对于数组"users"中的每个对象,ng-repeat将生成一个元素,其中包含用户的姓名。
具体的代码实现通常用到以下几个ng指令: ng-model:将一个DOM节点的值与一个angular中的变量进行绑定,当DOM节点值发生修改的时候变量也会随之修改。...ng-bind:将angular中的变量显示到页面中。...的参数 3、Controller 控制器 控制器的三种主要职责: 为应用中的模型设置初始状态,初始化$scope对象 通过$scope对象把数据模型或函数行为暴露给视图 使用$watch方法监视模型的变化...5.双大括号{{变量}} 用双重大括号来获取变量的值。当在控制器中添加 $scope对象时,视图 (HTML)可以获取了这些属性。...ng-controller ="myCtrl",为应用添加控制器,接下来 ng-model 指令建立数据模型,将input元素的value值绑定到 scope (应用程序)变量中。
我们以前可以使用双循环,来判断条件,达到目的,这里我们使用更简洁的方法:合并数组,然后通过obj[v.name]=obj[v.name]===undefined)判断其条件,将两个数组对象的相同属性将对应的
今天开始,我将陆续将 ng 的学习笔记整理出来,还是像在写 backboneJs 时一样,每篇一语o_o. 1、数据绑定 在ng中,数据绑定是指仅声明界面的某一部分映射到js的属性,让他们自动同步。...> //这个字符串会被name的值替换 注意: ng将模版进行了动态实时创建,用于代替视图,这也区别于在backbonejs中是将数据模版组合在一起来形成view。...属性(ng-app属性声明所有被其包含的内容都属于这个angularjs应用——即,只有被具有ng-app属性的DOM元素包含的元素才会受angularjs的影响。...ng-app="myapp"> ---- ng 中的数据绑定是一种“双向绑定“,数据模型和视图之间的关系是:数据模型变化能够引起视图的变化。...数据模型对象——$scope $scope 对象是简单的 js 对象,其中属性可被视图访问,也可通控制器交互。
业务中需求的方法,接口返回一个数组,里面包含了大量的对象,具有同名的属性名,比较常见。但是需要将其中参数为name的属性值全部取出,合并成数组。
ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。...ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。...控制器的 $scope (相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。 控制器在作用域中创建了两个属性 (firstName 和 lastName)。...ng-model 指令绑定输入域到控制器的属性(firstName 和 lastName)。...orderby orderBy 过滤器根据表达式排列数组: 根据 country 的首字母排序出现,当然我们可以试试 name AngularJS 实例 ng-app="myApp" ng-controller
AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。...控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。 AngularJS 中, $scope 代表:应用变量和函数。 控制器的 $scope (相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。...上面的例子中: 控制器在作用域中创建了两个属性 (firstName 和 lastName)。 ng-model 指令绑定输入域到控制器的属性(firstName 和 lastName)。...PS:控制器 只负责 从数据模型向视图模型传递信息(数据) 和 设置事件监听器 不做DOM操作 和 数据操作 以及对象状态操作 控制器其实 可以 理解为一个类结构,有变量有方法
---- 如何使用 Scope 当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递: AngularJS 实例 控制器中的属性对应了视图上的属性: ng-app...Model(模型), 当前视图中可用的数据。 Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。 scope 是模型。...AngularJS 实例 如果你修改了视图,模型和控制器也会相应更新: ng-app="myApp" ng-controller="myCtrl"> ng-model="...AngularJS 实例 当我们使用 ng-repeat 指令时,每个重复项都访问了当前的重复对象: ng-app="myApp" ng-controller="myCtrl"> ...AngularJS 实例 创建控制器时,将 $rootScope 作为参数传递,可在应用中使用: ng-app="myApp" ng-controller="myCtrl"> {{lastname
AngularJS 表单是输入控件的集合。...---- 下拉菜单 使用 ng-model 指令可以将下拉菜单绑定到你的应用中。...ng-model 属性的值为你在下拉菜单选中的选项: 实例 根据选中的下拉菜单选项,显示信息: 选择一个选项: ng-model="myVar"> ng-model 指令绑定了两个 input 元素到模型的 user 对象。 formCtrl 函数设置了 master 对象的初始值,并定义了 reset() 方法。...novalidate 属性在应用中不是必须的,但是你需要在 AngularJS 表单中使用,用于重写标准的 HTML5 验证。
2、angularjs创建一个页面的简单特性 a.首先要引用angularjs类库 b.在html页面要标注ng-app属性,该标注表示所在范围内的DOM结构才收angularjs所控制... c.数据绑定模块的默认格式为{{参数名称}},当然这个格式是可以自定义设置的 d.第DOM标签添加angular属性时,都是以ng-开始 e.angular框架中数据模型数据的变更会动态的绑定显示到...$scope 对象是定义应用业务逻辑、控制器方法和视图属性的地方。 d.作用域是视图和控制器之间的胶水 e....$scope对象就是一个普通的JavaScript对象,我们可以在其上随意修改或添加属性。 g....$scope也有父子级之分,和面向对象的类的继承一样,子级的$scope继承父级的$scope,其中跟$scope表示为:$rootScope h.提供观察者以监视数据模型的变化 i.可以将数据模型的变化通知给整个应用
文本输入指令ng-model="yourname"/> 绑定到一个叫 yourname 的模型变量 双大括号标记将...您给HTML天机新的元素,属性标记,作为AngularJS 编译器的指令,Angular JS编译器是完全可扩展的。...模型数据(Data) 模型是从AngularJS 作用域对象的属性引申的,模型中的数据可能是Javascript对象,数组或基本类型 这都不重要,重要的是,他们都属于...AngularJS 作用域对象。 ...模型和控制器 在PhoneListCtrl 控制器里面初始化了数据模型(这里只不过是一个包含了数组的函数,数组中存储的对象是手机数据列表) function PhoneListCtrl
控制器的 $scope (相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。 控制器在作用域中创建了两个属性 (firstName 和 lastName)。...ng-model 指令绑定输入域到控制器的属性(firstName 和 lastName)。 记住一点:在大型的应用程序中,通常是把控制器存储在外部文件中。...数据:视图对象(viewobject)需要被AngularJs Scope(1.0中作为service出现)引用,可以使任何类型的javascript对象,数组,基本类型,对象。...并且AngularJs会自动异步更新模型,即在ui发生改变的时他会自动刷新模型(mode),反之在模型发生改变的时候也会自动刷新ui。...这里采用ng-model指令(directive)绑定是模型scope属性yourname。 并采用表达式将yourname绑定到文本信息中。
领取专属 10元无门槛券
手把手带您无忧上云