NativeScript/tests/app/data/observable-array.md

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%}

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 push() method to add multiple elements from source array to the ObservableArray.

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

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

{%snippet observable-array-push-source-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%}