Data Types: Arrays And Objects
-
Upload
john-nunemaker -
Category
Technology
-
view
1.851 -
download
0
description
Transcript of Data Types: Arrays And Objects
![Page 1: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/1.jpg)
Data TypesObjects and Arrays
Tuesday, September 8, 2009
![Page 2: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/2.jpg)
objectscollection of properties and methods
Tuesday, September 8, 2009
![Page 3: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/3.jpg)
creating a new object
new Object()
Tuesday, September 8, 2009
![Page 4: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/4.jpg)
creating a new object(shortcut)
{}
Tuesday, September 8, 2009
![Page 5: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/5.jpg)
different ways to do the same thing
var student = new Object();student.name = 'John Doe';student.age = 18;
var student = {name:'John Doe', age:18};
Tuesday, September 8, 2009
![Page 6: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/6.jpg)
keys can be strings
var student = {name:'John Doe', age:18};
var student = {'name':'John Doe', 'age':18};
Tuesday, September 8, 2009
![Page 7: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/7.jpg)
liberal formattingvar student = {name:'John Doe', age:18};
var student = { name:'John Doe', age:18};
var student = { name : 'John Doe', age : 18};
Tuesday, September 8, 2009
![Page 8: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/8.jpg)
writing properties
var student = {};student.name = 'John Doe';
Tuesday, September 8, 2009
![Page 9: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/9.jpg)
write as manyas you want
var student = {};student.name = 'John Doe';student.age = 18;student.gpa = 3.7;
Tuesday, September 8, 2009
![Page 10: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/10.jpg)
writing properties(shortcut)
var student = {name:'John Doe'};
Tuesday, September 8, 2009
![Page 11: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/11.jpg)
writing multiple properties
var student = {name:'John Doe', age:18, gpa:3.7};
Tuesday, September 8, 2009
![Page 12: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/12.jpg)
reading properties
var student = {name:'John Doe', age:18};
student.name // "John Doe"student.age // 18
Tuesday, September 8, 2009
![Page 13: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/13.jpg)
reading properties(alternative syntax)
var student = {name:'John Doe', age:18};
student['name'] // "John Doe"student['age'] // 18
Tuesday, September 8, 2009
![Page 14: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/14.jpg)
reading properties that are not set
var student = {name:'John Doe', age:18};
student.foobar // undefined
Tuesday, September 8, 2009
![Page 15: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/15.jpg)
different ways to dothe same thing
var student = {name:'John Doe', age:18};
student.name // "John Doe"student['name'] // "John Doe"
student.age // 18student['age'] // 18
Tuesday, September 8, 2009
![Page 16: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/16.jpg)
methodswe’ll cover them later
Tuesday, September 8, 2009
![Page 17: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/17.jpg)
arraysordered collection of values
Tuesday, September 8, 2009
![Page 18: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/18.jpg)
creating an array
new Array();
Tuesday, September 8, 2009
![Page 19: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/19.jpg)
new Array with no arguments
var things = new Array();things.length; // 0creates empty array
Tuesday, September 8, 2009
![Page 20: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/20.jpg)
new Arraywith one argument
var things = new Array(5);things.length; // 5
creates array with number of undefined elementsshouldn’t ever need to do this, but be aware
Tuesday, September 8, 2009
![Page 21: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/21.jpg)
new Arraywith multiple arguments
creates array with each argument as element in array
var things = new Array(1,2,3);things.length; // 3
Tuesday, September 8, 2009
![Page 22: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/22.jpg)
summary
Tuesday, September 8, 2009
![Page 23: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/23.jpg)
creating an array(shortcut)
[]
Tuesday, September 8, 2009
![Page 24: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/24.jpg)
much more predictable
Tuesday, September 8, 2009
![Page 25: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/25.jpg)
array methods
Tuesday, September 8, 2009
![Page 26: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/26.jpg)
remember how stringsare zero indexed?
var car = "car";car[0] // ccar[1] // acar[2] // r
Tuesday, September 8, 2009
![Page 27: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/27.jpg)
arrays are too
var car = ['c', 'a', 'r'];car[0] // ccar[1] // acar[2] // r
Tuesday, September 8, 2009
![Page 28: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/28.jpg)
array of numbers
var things = [1,2,3,4,5];
things[0] // 1things[1] // 2things[2] // 3things[3] // 4things[4] // 5things[5] // undefined
Tuesday, September 8, 2009
![Page 29: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/29.jpg)
remember how strings know their length?
var football = "football";football.length // 8
Tuesday, September 8, 2009
![Page 30: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/30.jpg)
arrays do too
var things = [1,2,3,4,5];things.length // 5http://www.w3schools.com/jsref/jsref_length_array.asp
Tuesday, September 8, 2009
![Page 31: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/31.jpg)
remember how strings can get the indexOf stuff?
var football = "football";football.indexOf('f') // 0football.indexOf('o') // 1football.indexOf('foot') // 0football.indexOf('z') // -1
Tuesday, September 8, 2009
![Page 32: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/32.jpg)
arrays can too
var car = ['c','a','r'];car.indexOf('c'); // 0car.indexOf('a'); // 1car.indexOf('r'); // 2car.indexOf('b'); // -1
Tuesday, September 8, 2009
![Page 33: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/33.jpg)
more indexOf examples
var strings = ['aa', 'b', 'ccD'];strings.indexOf('aa') // 0strings.indexOf('ccD') // 2strings.indexOf('ccd') // -1
Tuesday, September 8, 2009
![Page 34: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/34.jpg)
arrays can be multi-dimensional
var multi = ['a', 'b', ['z', 'y']];multi[0] // 'a'multi[1] // 'b'multi[2] // ['z', 'y']multi[2][0] // 'z'multi[2][1] // 'y'multi[2].length // 2
Tuesday, September 8, 2009
![Page 35: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/35.jpg)
concatreturns joined arrays but does not alter them
http://www.w3schools.com/jsref/jsref_concat_array.asp
Tuesday, September 8, 2009
![Page 36: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/36.jpg)
concat of a and b
var a = [1,2];var b = [3,4];
var c = a.concat(b);
// a is still [1,2]// b is still [3,4]// c is now [1,2,3,4]
Tuesday, September 8, 2009
![Page 37: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/37.jpg)
concat of b and a
var a = [1,2];var b = [3,4];
var c = b.concat(a);
// a is still [1,2]// b is still [3,4]// c is now [3,4,1,2]
Tuesday, September 8, 2009
![Page 38: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/38.jpg)
concat with multi-dimensional
var multi = ['a', 'b', ['z', 'y']];multi.concat([1, 2]) // ['a', 'b', ['z','y'], '1', '2']
Tuesday, September 8, 2009
![Page 39: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/39.jpg)
joinjoins the elements of an array
into a string separated by a delimiter
http://www.w3schools.com/jsref/jsref_join.asp
Tuesday, September 8, 2009
![Page 40: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/40.jpg)
join
var car_letters = ['c', 'a', 'r'];car_letters.join(''); // "car"
Tuesday, September 8, 2009
![Page 41: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/41.jpg)
join with delimiter
var car_letters = ['c', 'a', 'r'];car_letters.join(','); // "c,a,r"
Tuesday, September 8, 2009
![Page 42: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/42.jpg)
delimiter can be any string
var car_letters = ['c', 'a', 'r'];car_letters.join('WIN'); // "cWINaWINr"
Tuesday, September 8, 2009
![Page 43: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/43.jpg)
date example
var date = [9, 8, 2009]date.join('/'); // "9/8/2009"
Tuesday, September 8, 2009
![Page 44: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/44.jpg)
string has the opposite of join called split
var date = "9/8/2009"date.split('/') // [‘9’,‘8’,‘2009’]
Tuesday, September 8, 2009
![Page 45: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/45.jpg)
split/join allow for switching back and forth
var date = "9/8/2009";var date_array = date.split('/') // [‘9’,‘8’,‘2009’]var date_string = date_array.join('/'); // “9/8/2009”
Tuesday, September 8, 2009
![Page 46: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/46.jpg)
reversereverses the order of an array
http://www.w3schools.com/jsref/jsref_reverse.asp
Tuesday, September 8, 2009
![Page 47: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/47.jpg)
reverse
var car = ['r', 'a', 'c'];car.reverse(); // ['c', 'a', 'r']
Tuesday, September 8, 2009
![Page 48: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/48.jpg)
sortsorts the elements of an array
http://www.w3schools.com/jsref/jsref_sort.asp
Tuesday, September 8, 2009
![Page 49: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/49.jpg)
sorting numbers
var numbers = [5,3,99,77,2];numbers.sort(); // [2,3,5,77,99]
Tuesday, September 8, 2009
![Page 50: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/50.jpg)
sorting strings
var names = ['John', 'Steph', 'Steve', 'Carrie'];names.sort(); // ['Carrie','John','Steph','Steve']
Tuesday, September 8, 2009
![Page 51: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/51.jpg)
upper case before lower case
var letters = ['a', 'B', 'c', 'D'];letters.sort(); // ['B','D','a','c']
Tuesday, September 8, 2009
![Page 52: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/52.jpg)
popremoves and returns the last element of an array
(opposite of shift)
http://www.w3schools.com/jsref/jsref_pop.asp
Tuesday, September 8, 2009
![Page 53: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/53.jpg)
pop
var car = ['c', 'a', 'r'];var last = car.pop();last // 'r'car // ['c','a']
Tuesday, September 8, 2009
![Page 54: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/54.jpg)
pop
var car = ['c', 'a', 'r'];car.pop(); // 'r'car.pop(); // 'a'car.pop(); // 'c'car.pop(); // undefinedcar.length // 0
Tuesday, September 8, 2009
![Page 55: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/55.jpg)
shiftremoves and returns the first element of an array
(opposite of pop)
http://www.w3schools.com/jsref/jsref_shift.asp
Tuesday, September 8, 2009
![Page 56: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/56.jpg)
shift
var car = ['c', 'a', 'r'];var first = car.shift();first // 'c'car // ['a','r']
Tuesday, September 8, 2009
![Page 57: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/57.jpg)
shift
var car = ['c', 'a', 'r'];car.shift(); // 'c'car.shift(); // 'a'car.shift(); // 'r'car.shift(); // undefinedcar.length // 0
Tuesday, September 8, 2009
![Page 58: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/58.jpg)
pushadds one or more elements to the end of
an array and returns the new length (opposite of unshift)
http://www.w3schools.com/jsref/jsref_push.asp
Tuesday, September 8, 2009
![Page 59: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/59.jpg)
push single element
var car = ['c','a','r'];car.push('d'); // 4car // ['c','a','r','d']
Tuesday, September 8, 2009
![Page 60: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/60.jpg)
push multiple elements
var car = ['c','a','r'];car.push('d', 'e', 'd'); // 6car // ['c','a','r','d', 'e', 'd']
Tuesday, September 8, 2009
![Page 61: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/61.jpg)
unshiftadds one or more elements to the beginning of the array and returns the new length (opposite of push)
http://www.w3schools.com/jsref/jsref_unshift.asp
Tuesday, September 8, 2009
![Page 62: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/62.jpg)
unshift single element
var car = ['c','a','r'];car.unshift('s'); // 4car // ['s','c','a','r']
Tuesday, September 8, 2009
![Page 63: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/63.jpg)
unshift multiple elements
var car = ['c','a','r'];car.unshift('o', 's'); // 5car // ['o','s','c','a','r']
Tuesday, September 8, 2009
![Page 64: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/64.jpg)
shift/unshift pop/pushend of arraybeginning of array
Tuesday, September 8, 2009
![Page 65: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/65.jpg)
sliceslices elements out of an array without changing array
Tuesday, September 8, 2009
![Page 66: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/66.jpg)
slice parametersarray.slice(starting position, index after last position)
Tuesday, September 8, 2009
![Page 67: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/67.jpg)
slice with one argument
var numbers = [1,2,3,4];numbers.slice(2); // [3, 4]numbers // [1,2,3,4]slices from index to end of array
Tuesday, September 8, 2009
![Page 68: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/68.jpg)
slice with two arguments
slices from beginning index to index before second argument
var numbers = [1,2,3,4];numbers.slice(0, 2); // [1, 2]numbers // [1,2,3,4]
Tuesday, September 8, 2009
![Page 69: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/69.jpg)
slice with negative second argument
var numbers = [1,2,3,4];numbers.slice(1, -1); // [2, 3]numbers.slice(1, -2); // [2]numbers // [1,2,3,4]negative starts from end and goes backwards
Tuesday, September 8, 2009
![Page 70: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/70.jpg)
spliceadds and removes elements from an array
http://www.w3schools.com/jsref/jsref_splice.asp
Tuesday, September 8, 2009
![Page 71: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/71.jpg)
splice parametersarray.splice(index, how many to remove, elements to add)
index and how many to remove are required
Tuesday, September 8, 2009
![Page 72: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/72.jpg)
removing an element from an array
var letters = ['a', 'c', 'd'];letters.splice(1, 1); // 'c'letters // ['a','d']in english: at index 1, remove 1 element
Tuesday, September 8, 2009
![Page 73: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/73.jpg)
removing multiple elements from an array
var letters = ['a', 'c', 'd'];letters.splice(1, 2); // ['c','d']letters // ['a']in english: at index 1, remove 2 elements
Tuesday, September 8, 2009
![Page 74: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/74.jpg)
adding an elementto an array
var letters = ['a', 'c', 'd'];letters.splice(1, 0, 'b'); // ['a', 'b', 'c', 'd']in english: at index 1, remove 0 elements, add ‘b’
Tuesday, September 8, 2009
![Page 75: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/75.jpg)
adding multiple elements to an array
in english: at index 1, remove 0 elements, add ‘b’ and ‘c’
var letters = ['a', 'c', 'd'];letters.splice(1, 0, 'b', 'c');letters // ['a','b','c','c','d']
Tuesday, September 8, 2009
![Page 76: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/76.jpg)
replacing elements in an array
var car = ['c', 'a', 'r'];car.splice(0, 1, 'b'); // 'c'car // ['b','a','r']
Tuesday, September 8, 2009
![Page 77: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/77.jpg)
var person = {name:'John Doe'};person.name
Tuesday, September 8, 2009
![Page 78: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/78.jpg)
var person = {name:'John Doe'};person.name'John Doe'
Tuesday, September 8, 2009
![Page 79: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/79.jpg)
var person = {name:'John Doe'};person.name = 'Jane Doe';person.name
Tuesday, September 8, 2009
![Page 80: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/80.jpg)
var person = {name:'John Doe'};person.name = 'Jane Doe';person.name'Jane Doe'
Tuesday, September 8, 2009
![Page 81: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/81.jpg)
var person = {name:'John Doe'};person['name']
Tuesday, September 8, 2009
![Page 82: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/82.jpg)
var person = {name:'John Doe'};person['name']'John Doe'
Tuesday, September 8, 2009
![Page 83: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/83.jpg)
[12, 23, 36].length
Tuesday, September 8, 2009
![Page 84: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/84.jpg)
[12, 23, 36].length
3
Tuesday, September 8, 2009
![Page 85: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/85.jpg)
[12, 23, 36].indexOf(12)
Tuesday, September 8, 2009
![Page 86: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/86.jpg)
[12, 23, 36].indexOf(12)
0
Tuesday, September 8, 2009
![Page 87: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/87.jpg)
[12, 23, 36].indexOf(35)
Tuesday, September 8, 2009
![Page 88: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/88.jpg)
[12, 23, 36].indexOf(35)
-1
Tuesday, September 8, 2009
![Page 89: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/89.jpg)
['b','a','t'].join('')
Tuesday, September 8, 2009
![Page 90: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/90.jpg)
['b','a','t'].join('')
'bat'
Tuesday, September 8, 2009
![Page 91: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/91.jpg)
'9/8/2009'.split('/')
Tuesday, September 8, 2009
![Page 92: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/92.jpg)
'9/8/2009'.split('/')['9', '8', '2009']
Tuesday, September 8, 2009
![Page 93: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/93.jpg)
var numbers = [1,2,3];numbers.push(4)numbers
Tuesday, September 8, 2009
![Page 94: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/94.jpg)
var numbers = [1,2,3];numbers.push(4)numbers[1,2,3,4]
Tuesday, September 8, 2009
![Page 95: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/95.jpg)
var numbers = [1,2,3,4];numbers.shift();numbers
Tuesday, September 8, 2009
![Page 96: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/96.jpg)
var numbers = [1,2,3,4];numbers.shift();numbers[2,3,4]
Tuesday, September 8, 2009
![Page 97: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/97.jpg)
var numbers = [2,3,4];numbers.unshift(1);numbers
Tuesday, September 8, 2009
![Page 98: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/98.jpg)
var numbers = [2,3,4];numbers.unshift(1);numbers [1,2,3,4]
Tuesday, September 8, 2009
![Page 99: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/99.jpg)
var numbers = [2,3,4];numbers.pop();numbers
Tuesday, September 8, 2009
![Page 100: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/100.jpg)
var numbers = [2,3,4];numbers.pop();numbers [2,3]
Tuesday, September 8, 2009
![Page 101: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/101.jpg)
var numbers = [2,3,4];numbers.splice(1, 0, 1);numbers
Tuesday, September 8, 2009
![Page 102: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/102.jpg)
var numbers = [2,3,4];numbers.splice(1, 0, 1);numbers[2,1,3,4]
Tuesday, September 8, 2009
![Page 103: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/103.jpg)
var numbers = [2,3,4];numbers.splice(0, 1, 1);numbers
Tuesday, September 8, 2009
![Page 104: Data Types: Arrays And Objects](https://reader034.fdocuments.net/reader034/viewer/2022051817/548203a6b4af9fa50d8b4694/html5/thumbnails/104.jpg)
var numbers = [2,3,4];numbers.splice(0, 1, 1);numbers[1,3,4]
Tuesday, September 8, 2009