Files
NativeScript/apps/automated/src/data/observable-array.md
Dimitris-Rafail Katsampas df74a8baa8 feat(core): iterable ObservableArray (#9824)
BREAKING CHANGE:

Method push will now handle arguments just like Array.prototype.push.
Certain existing methods will now return ObservableArray instance instead.
Callback arguments that contained an array argument themselves will now contain an ObservableArray argument.
2022-07-09 10:09:43 -07:00

4.2 KiB

nav-title, title, environment, description, previous_url
nav-title title environment description previous_url
observable-array How-To observable-array nativescript Examples for using observable-array /ApiReference/data/observable-array/HOW-TO

Observable Array module

{%snippet observable-array-require%}

Create ObservableArray from array.

{%snippet observable-array-create%}

Create ObservableArray from arguments.

{%snippet observable-array-arguments%}

Create ObservableArray with specific length.

{%snippet observable-array-length%}

Set ObservableArray length to new value.

{%snippet observable-array-newvalue%}

Set ObservableArray to be iterable.

{%snippet observable-array-iterable%}

Get item at specified index using getItem(index) method.

{%snippet observable-array-getitem%}

Set item at specified index using setItem(index, item) method.

{%snippet observable-array-setitem%}

Set item at specified index using setItem(index, item) method and observe change event data.

{%snippet observable-array-eventdata%}

Use concat() method to combine ObservableArray with array.

{%snippet observable-array-combine%}

Use join() method to convert ObservableArray to comma separated string.

{%snippet observable-array-join%}

Use join(separator) method to convert ObservableArray to string separated with specified separator.

{%snippet observable-array-join-separator%}

Use pop() method to remove the last element.

{%snippet observable-array-join-pop%}

Handle "change" event to know more info about the change after calling pop() method.

{%snippet observable-array-join-change%}

Use push() method to add single element to the array.

{%snippet observable-array-push%}

Handle "change" event to know more info about the change after calling push() method with single element.

{%snippet observable-array-change-push%}

Use push() method to add multiple elements to the array.

{%snippet observable-array-push-multiple%}

Handle "change" event to know more info about the change after calling push() method with multiple elements.

{%snippet observable-array-push-multiple-info%}

Use reverse() method to reverse the elements order of the ObservableArray.

{%snippet observable-array-reverse%}

Use shift() method to remove the first element of the array.

{%snippet observable-array-shift%}

Handle "change" event to know more info about the change after calling shift() method.

{%snippet observable-array-shift-change%}

Use slice() method to return array with all ObservableArray elements.

{%snippet observable-array-slice%}

Use slice(star, end) method to return section of the array.

{%snippet observable-array-slice-args%}

Use sort() method to sort the array.

{%snippet observable-array-sort%}

Use sort(compareFunction) method to sort the array with your own comparing logic.

{%snippet observable-array-sort-comparer%}

Use splice(start, deleteCount) method to delete elements in the array.

{%snippet observable-array-splice%}

Handle "change" event to know more info about the change after calling splice(start, deleteCount) method.

{%snippet observable-array-splice-change%}

Use splice(start, deleteCount, ...arguments) method to remove and insert elements in the array.

{%snippet observable-array-splice-args%}

Handle "change" event to know more info about the change after calling splice(start, deleteCount, ...arguments) method.

{%snippet observable-array-splice-args-change%}

Use unshift(item1, item2... itemN) method to insert elements from the start of the array.

{%snippet observable-array-unshift%}

Handle "change" event to know more info about the change after calling unshift(item1, item2... itemN) method.

{%snippet observable-array-unshift-change%}

Use indexOf(item) method to get the index of the desired item in the array.

{%snippet observable-array-indexof%}

Use indexOf(item, fromIndex) method to get the index of the desired item in the array starting from specified index.

{%snippet observable-array-indexof-args%}

Use lastIndexOf(item) method to get the last index of the desired item in the array.

{%snippet observable-array-lastindexof%}

Use lastIndexOf(item, fromIndex) method to get the last index of the desired item in the array starting from specified index.

{%snippet observable-array-lastindexof-args%}