如果需要将数组元素的改动也动态反应到UI上，需要将数组元素也设置为可观察对象，然后使用ko的方法改变数组元素值。注意，是使用ko的方法 list()[0]("Lucy")！
操作可观察对象数组的方法有两类，一类是与原生js数组方法同名的：pop, push, shift, unshift, reverse, sort, splice，这一部分与js原生方法的用法和效果都一样，就不再赘述了。
另外一些方法是js中没有的，主要有以下几个：
•remove(someItem) -- 删除所有值与someItem相等的元素项并将它们以数组形式返回，这里的意思就是说你可不能直接list.remove(0)来删除第一项，而是要用list.remove(list()[0]) 这种形式来删除。总而言之，传入的参数必须是元素项的值，可以用list()[0] 的形式，也可以直接输入值的字符串（比如“Luffy”这种）。
•remove(function(item) { return item.age < 18;}) -- 删除所有age属性小于18的元素项并将它们以数组形式返回，这种用法跟平常的数组高阶函数没什么区别。Item作为高阶函数的参数传入，遍历数组时，当高阶函数返回值为真值时就删除该项，否则转到下一项。
•removeAll(['Chad', 132, undefined]) -- 删除所有值与 'Chad' 或 123 或 undefined 相等的元素项并将它们以数组形式返回。
•removeAll() -- 删除所有项并以数组形式返回。
小窍门：在处理可观察对象时，若对象数量众多而且交互频繁的情况下，每次变更都立即刷新的话会非常消耗性能，这个时候可以使用扩展 myObservableArray.extend({ rateLimit: 1000 }) 来设置延迟刷新。比如在不断往可观察对象数组中插入元素时，可以设置一个周期时间1000ms，让1000ms内的所有操作集中到一次刷新中去，避免频繁操作 DOM 带来的性能恶化。
总结
本篇主要简单介绍了knockoutjs中最重要的概念：可观察对象（数组）。可观察对象实质上是一个函数对象，通过ko方法操作可观察对象时可以动态刷新UI展现，这个是推荐做法。同时，也可以通过原生的js方法操作可观察对象，只是原生方法并不会刷新UI展现，需要等到下一次刷新事件时才会被刷新到UI中。
您可能感兴趣的文章: