Skip to content

Commit 4ceb674

Browse files
loianeloiane
committed
ES6 array methods example
1 parent 32e9da0 commit 4ceb674

File tree

2 files changed

+119
-0
lines changed

2 files changed

+119
-0
lines changed

‎chapter02/06-ES6Methods.html

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head lang="en">
4+
<meta charset="UTF-8">
5+
<title></title>
6+
</head>
7+
<body>
8+
<script type="text/javascript" src="06-ES6Methods.js"></script>
9+
</body>
10+
</html>

‎chapter02/06-ES6Methods.js

+109
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
let numbers = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
2+
3+
//********** forEch using arrow functions
4+
console.log('forEach using arrow functions');
5+
6+
numbers.forEach(x => {
7+
console.log((x % 2 == 0));
8+
});
9+
10+
//********** using for..of loop
11+
console.log('using for..of loop');
12+
13+
for (let n of numbers) {
14+
console.log((n % 2 == 0) ? 'even' : 'odd');
15+
}
16+
17+
//********** Using the new ES6 iterator (@@iterator)
18+
console.log('Using the new ES6 iterator (@@iterator)');
19+
20+
let iterator = numbers[Symbol.iterator]();
21+
console.log(iterator.next().value); //1
22+
console.log(iterator.next().value); //2
23+
console.log(iterator.next().value); //3
24+
console.log(iterator.next().value); //4
25+
console.log(iterator.next().value); //5
26+
27+
//********** Array entries, keys and values
28+
console.log('Array entries, keys and values');
29+
30+
console.log('Array.entries');
31+
let aEntries = numbers.entries(); //retrieve iterator of key/value
32+
console.log(aEntries.next().value); // [0, 1] - position 0, value 1
33+
console.log(aEntries.next().value); // [1, 2] - position 1, value 2
34+
console.log(aEntries.next().value); // [2, 3] - position 2, value 3
35+
36+
console.log('Array.keys');
37+
let aKeys = numbers.keys(); //retrieve iterator of keys
38+
console.log(aKeys.next()); // {value: 0, done: false } done false means iterator has more values
39+
console.log(aKeys.next()); // {value: 1, done: false }
40+
console.log(aKeys.next()); // {value: 2, done: false }
41+
42+
console.log('Array.values');
43+
//let aValues = numbers.values();
44+
//console.log(aValues.next()); // {value: 1, done: false } done false means iterator has more values
45+
//console.log(aValues.next()); // {value: 2, done: false }
46+
//console.log(aValues.next()); // {value: 3, done: false }
47+
48+
//********** Using the from method
49+
console.log('Using the from method');
50+
51+
let evens = Array.from(numbers, x => (x % 2 == 0));
52+
console.log(evens);
53+
54+
let numbers2 = Array.from(numbers);
55+
console.log(numbers2);
56+
57+
//********** Using Array.of
58+
console.log('Using Array.of');
59+
60+
let numbers3 = Array.of(1);
61+
let numbers4 = Array.of(1,2,3,4,5,6);
62+
let numbersCopy = Array.of(...numbers4);
63+
console.log(numbers3);
64+
console.log(numbers4);
65+
console.log(numbersCopy);
66+
67+
//********** Using the fill method
68+
console.log('Using the fill method');
69+
70+
numbersCopy.fill(0);
71+
console.log(numbersCopy);
72+
73+
numbersCopy.fill(2, 1);
74+
console.log(numbersCopy);
75+
76+
numbersCopy.fill(1, 3, 5);
77+
console.log(numbersCopy);
78+
79+
let ones = Array(6).fill(1);
80+
console.log(ones);
81+
82+
//********** Using the copyWithin method
83+
console.log('Using the copyWithin method');
84+
85+
let copyArray = [1, 2, 3, 4, 5, 6];
86+
console.log(copyArray);
87+
88+
copyArray = copyArray.copyWithin(0, 3); //pos 3 value is copied to pos 0
89+
console.log(copyArray);
90+
91+
copyArray = [1, 2, 3, 4, 5, 6];
92+
copyArray = copyArray.copyWithin(1, 3, 5); //pos 3-4 values are copied to pos 1-2
93+
console.log(copyArray);
94+
95+
//********** methods find and findIndex
96+
console.log('methods find and findIndex');
97+
98+
function multipleOf13(element, index, array) {
99+
return (element % 13 == 0) ? true : false;
100+
}
101+
102+
console.log(numbers.find(multipleOf13));
103+
console.log(numbers.findIndex(multipleOf13));
104+
105+
//********** EcmaScript 7: using the method includes
106+
console.log('EcmaScript 7: using the method includes');
107+
108+
console.log(numbers.includes(15));
109+
console.log(numbers.includes(20));

0 commit comments

Comments
 (0)