HTML
Array
let arr = new Array();
let arr = [];
let fruits = ["Apple", "Orange", "Plum"];
0
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits[0] ); // Apple
alert( fruits[1] ); // Orange
alert( fruits[2] ); // Plum
fruits[2] = 'Pear'; // ["Apple", "Orange", "Pear"]
fruits[3] = 'Lemon'; // ["Apple", "Orange", "Pear", "Lemon"]
length
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits.length ); // 3
alert
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits ); // Apple,Orange,Plum
:
//
let arr = [ 'Apple', { name: 'John' }, true, function() { alert('hello'); } ];
// 1 name
alert( arr[1].name ); // John
// 3
arr[3](); // hello
let fruits = [
"Apple",
"Orange",
"Plum",
];
/
at
fruits[-1]
JavaScript undefined
fruits[fruits.length - 1]
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits[fruits.length-1] ); // Plum
fruits.at(-1)
let fruits = ["Apple", "Orange", "Plum"];
// fruits[fruits.length-1]
alert( fruits.at(-1) ); // Plum
arr.at(i)
-
i >= 0arr[i] -
i
pop/push, shift/unshift
push.shift
push.pop.
LIFOLast-In-First-Out FIFOFirst-In-First-Out
JavaScript //
pop-
let fruits = ["Apple", "Orange", "Pear"]; alert( fruits.pop() ); // "Pear" alert alert( fruits ); // Apple, Orangefruits.pop()fruits.at(-1)fruits.pop() push-
let fruits = ["Apple", "Orange"]; fruits.push("Pear"); alert( fruits ); // Apple, Orange, Pearfruits.push(...)fruits[fruits.length] = ...
shift-
let fruits = ["Apple", "Orange", "Pear"]; alert( fruits.shift() ); // Apple alert alert( fruits ); // Orange, Pear unshift-
let fruits = ["Orange", "Pear"]; fruits.unshift('Apple'); alert( fruits ); // Apple, Orange, Pear
push unshift
let fruits = ["Apple"];
fruits.push("Orange", "Peach");
fruits.unshift("Pineapple", "Lemon");
// ["Pineapple", "Lemon", "Apple", "Orange", "Peach"]
alert( fruits );
arr[0] obj[key] arr key
length
let fruits = ["Banana"]
let arr = fruits; // ()
alert( arr === fruits ); // true
arr.push("Pear"); //
alert( fruits ); // Banana, Pear 2
JavaScript
:
let fruits = []; //
fruits[99999] = 5; //
fruits.age = 25; //
Javascript
:
-
arr.test = 5 -
arr[0]arr[1000]() -
arr[1000]arr[999]
JavaScript {}
push/pop shift/unshift
fruits.shift(); //
0
shift :
-
0 -
1021 -
length
unshift
push/pop pop length
pop
fruits.pop(); //
pop pop
push
for
let arr = ["Apple", "Orange", "Pear"];
for (let i = 0; i < arr.length; i++) {
alert( arr[i] );
}
for..of
let fruits = ["Apple", "Orange", "Plum"];
//
for (let fruit of fruits) {
alert( fruit );
}
for..of
for..in
let arr = ["Apple", "Orange", "Pear"];
for (let key in arr) {
alert( arr[key] ); // Apple, Orange, Pear
}
-
for..inlengthfor..in -
for..in10-100
for..in
length
length
length
let fruits = [];
fruits[123] = "Apple";
alert( fruits.length ); // 124
length
let arr = [1, 2, 3, 4, 5];
arr.length = 2; // 2
alert( arr ); // [1, 2]
arr.length = 5; // length
alert( arr[3] ); // undefined
arr.length = 0;
new Array()
let arr = new Array("Apple", "Pear", "etc");
[]
new Array
:
let arr = new Array(2); // [2]
alert( arr[0] ); // undefined
alert( arr.length ); // length 2
let matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
alert( matrix[1][1] ); //
toString
toString
let arr = [1, 2, 3];
alert( arr ); // 1,2,3
alert( String(arr) === '1,2,3' ); // true
alert( [] + 1 ); // "1"
alert( [1] + 1 ); // "11"
alert( [1,2] + 1 ); // "1,21"
Symbol.toPrimitive valueOf toString [] [1] "1"[1,2] "1,2"
"+"
alert( "" + 1 ); // "1"
alert( "1" + 1 ); // "11"
alert( "1,2" + 1 ); // "1,21"
==
JavaScript == JavaScript
===
==
alert( [] == [] ); // false
alert( [0] == [0] ); // false
==
alert( 0 == [] ); // true
alert('0' == [] ); // false
[] ''
// [] ''
alert( 0 == '' ); // true '' 0
alert('0' == '' ); // false
==
// ()
let arr = [item1, item2...];
// new Array ()
let arr = new Array(item1, item2...);
new Array(number)
length-
length
-
arr[0] -
at(i)ii >= 0arr[i]
push(...items)itemspop()shift()unshift(...items)items
for (let i=0; i<arr.length; i++)for (let item of arr)itemsfor (let i in arr)
== > <
for..of
<code><pre>10 plnkrJSBincodepen