Knockout数组(observable)使用详解示例(数组observer)

编辑：rootadmin

1.简单举例2.关键点：监控数组跟踪的是数组里的对象，而不是这些对象自身的状态。简单说，将一对象放在observableArray 里不会使这个对象本身的属性变化可监控的。当然你自己也可以声明这个对象的属性为observable的，但它就成了一个依赖监控对象了。一个observableArray 仅仅监控他拥有的对象，并在这些对象添加或者删除的时候发出通知。3.预加载一个监控数组observableArray如果你想让你的监控数组在开始的时候就有一些初始值，那么在声明的时候，你可以在构造器里加入这些初始对象。例如：4.从observableArray里读取信息一个observableArray其实就是一个observable的监控对象，只不过他的值是一个数组（observableArray还加了很多其他特性，稍后介绍）。所以你可以像获取普通的observable的值一样，只需要调用无参函数就可以获取自身的值了。例如，你可以像下面这样获取它的值：理论上你可以使用任何原生的JavaScript数组函数来操作这些数组，但是KO提供了更好的功能等价函数，他们非常有用是因为：A:兼容所有浏览器。（例如indexOf不能在IE8和早期版本上使用，但KO自己的indexOf 可以在所有浏览器上使用）B:在数组操作函数方面（例如push和splice），KO自己的方式可以自动触发依赖跟踪，并且通知所有的订阅者它的变化，然后让UI界面也相应的自动更新。C：语法更方便，调用KO的push方法，只需要这样写：myObservableArray.push(...)。比如原生数组的myObservableArray().push(...)好用多了。5.IndexOf和sliceindexOf 函数返回的是第一个等于你参数数组项的索引。例如：myObservableArray.indexOf('Blah')将返回以0为第一个索引的第一个等于Blah的数组项的索引。如果没有找到相等的，将返回-1。　　slice函数是observableArray相对于JavaScript 原生函数slice的等价函数（返回给定的从开始索引到结束索引之间所有的对象集合）。调用myObservableArray.slice(...)等价于调用JavaScript原生函数（例如：myObservableArray().slice(...)）。6.操作observableArrayobservableArray 展现的是数组对象相似的函数并通知订阅者的功能。pop, push, shift, unshift, reverse, sort, splice所有这些函数都是和JavaScript数组原生函数等价的，唯一不同的数组改变可以通知订阅者：默认情况下，是按照字符排序（如果是字符）或者数字排序（如果是数字）。你可以排序传入一个排序函数进行排序，该排序函数需要接受2个参数（代表该数组里需要比较的项），如果第一个项小于第二个项，返回-1，大于则返回1，等于返回0。例如：用lastname给person排序，你可以这样写：myObservableArray.splice() 删除指定开始索引和指定数目的数组对象元素。例如myObservableArray.splice(1, 3) 从索引1开始删除3个元素（第2,3,4个元素）然后将这些元素作为一个数组对象返回。更多observableArray 函数的信息，请参考等价的JavaScript数组标准函数。7.remove和removeAll

推荐整理分享Knockout数组(observable)使用详解示例(数组observer)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:数组observer,mockito 数组,数组topk数组,数组topk数组,mockito 数组,ksh 数组,mock数组,ksh 数组,内容如对您有帮助，希望把文章链接给更多的朋友！

Knockout visible绑定使用方法简单的绑定首先还是先定义一个ViewModelvarAppViewModel={shouldShowMessage:ko.observable(true)///初始化的时候div是visible的};AppViewModel.shouldShowMessage=ko.observable(false);///

Knockout text绑定DOM的使用方法简单绑定Today'smessageis:spandata-bind="text:myMessage"/spanscripttype="text/javascript"src="~/Scripts/knockout-2.3.0.debug.js"/scriptscripttype="text/javascript"varviewModel={myMessage:ko.observa

JavaScript SetInterval与setTimeout使用方法详解 setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将