Skip to content

Commit 3ce70a5

Browse files
loianeloiane
committed
added chapter 02
1 parent b0c63fa commit 3ce70a5

18 files changed

+547
-2
lines changed

‎.babelrc

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"presets": ["es2015"],
2+
"presets": ["es2015", "es2016", "es2017"],
33
"plugins": ["babel-plugin-add-module-exports"]
44
}

‎dist/js/app.js

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.hello = hello;
7+
exports.world = world;
8+
// @ts-check
9+
10+
function hello() {
11+
return 'Hello World!';
12+
}
13+
14+
function world() {
15+
return [1, 2, 3, 4].includes(3);
16+
}
17+
18+
exports.default = hello;

‎dist/ts/app.js

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
"use strict";
2+
Object.defineProperty(exports, "__esModule", { value: true });
3+
function hello() {
4+
return 'Hello World!';
5+
}
6+
exports.hello = hello;
7+
exports.default = hello;

‎html/chapter02/01-Introduction.html

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

‎html/chapter02/01-Introduction.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
var averageTempJan = 31.9;
2+
var averageTempFeb = 35.3;
3+
var averageTempMar = 42.4;
4+
var averageTempApr = 52;
5+
var averageTempMay = 60.8;
6+
7+
var averageTemp = [];
8+
averageTemp[0] = 31.9;
9+
averageTemp[1] = 35.3;
10+
averageTemp[2] = 42.4;
11+
averageTemp[3] = 52;
12+
averageTemp[4] = 60.8;

‎html/chapter02/02-CreatingAndInitialingArrays.html

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

‎html/chapter02/02-CreatingAndInitialingArrays.js

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
// @ts-check
2+
3+
var daysOfWeek = [];
4+
5+
var daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
6+
7+
var daysOfWeek = new Array(); // {1}
8+
9+
var daysOfWeek = new Array(7); // {2}
10+
11+
console.log(daysOfWeek.length);
12+
13+
var daysOfWeek = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'); // {3}
14+
15+
for (var i = 0; i < daysOfWeek.length; i++) {
16+
console.log(daysOfWeek[i]);
17+
}
18+
19+
// console.table(daysOfWeek);
20+
21+
// fibonacci numbers
22+
// 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, ...
23+
var fibonacci = []; // {1}
24+
fibonacci[1] = 1; // {2}
25+
fibonacci[2] = 1; // {3}
26+
27+
for (var i = 3; i < 20; i++) {
28+
fibonacci[i] = fibonacci[i - 1] + fibonacci[i - 2]; // //{4}
29+
}
30+
31+
for (var i = 1; i < fibonacci.length; i++) { // {5}
32+
console.log(fibonacci[i]); // {6}
33+
}
34+
35+
// instead of {5} and {6} we can simply use
36+
console.log(fibonacci);

‎html/chapter02/03-AddingRemovingElements.html

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

‎html/chapter02/03-AddingRemovingElements.js

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
// @ts-check
2+
3+
function printArray(myArray) {
4+
for (var i = 0; i < myArray.length; i++) {
5+
console.log(myArray[i]);
6+
}
7+
}
8+
9+
var numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
10+
11+
// add a new element to the numbers array
12+
numbers[numbers.length] = 10;
13+
14+
numbers.push(11);
15+
16+
numbers.push(12, 13);
17+
18+
printArray(numbers);
19+
20+
// insert first position manually
21+
for (var i = numbers.length; i >= 0; i--) {
22+
numbers[i] = numbers[i - 1];
23+
}
24+
25+
numbers[0] = -1;
26+
27+
printArray(numbers);
28+
29+
// using method unshift
30+
numbers.unshift(-2);
31+
32+
printArray(numbers);
33+
34+
numbers.unshift(-4, -3);
35+
36+
printArray(numbers);
37+
38+
// **** Removing elements
39+
40+
numbers.pop();
41+
42+
// remove first position manually
43+
/* for (var i=0; i<numbers.length; i++){
44+
numbers[i] = numbers[i+1];
45+
}*/
46+
47+
printArray(numbers);
48+
49+
console.log(numbers.length);
50+
51+
// using method shift
52+
numbers.shift();
53+
54+
printArray(numbers);
55+
console.log(numbers.length);
56+
57+
//* *** Removing and Adding elements from the middle of the array or specific position
58+
// splice method - parameter (index, howManyPositionsToBeRemoved, item1...itemX)
59+
numbers.splice(5, 3);
60+
61+
console.log('----');
62+
63+
printArray(numbers);
64+
65+
numbers.splice(5, 0, 2, 3, 4);
66+
67+
console.log('----');
68+
69+
printArray(numbers);
70+
71+
console.log('----');
72+
73+
numbers.splice(5, 3, 2, 3, 4);
74+
75+
printArray(numbers);

‎html/chapter02/04-TwoDimensionalMultiDimensional.html

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

‎html/chapter02/04-TwoDimensionalMultiDimensional.js

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
// @ts-check
2+
3+
var averageTempDay1 = [72, 75, 79, 79, 81, 81];
4+
var averageTempDay2 = [81, 79, 75, 75, 73, 72];
5+
6+
var averageTemp = [];
7+
8+
// same as
9+
averageTemp[0] = [72, 75, 79, 79, 81, 81];
10+
averageTemp[1] = [81, 79, 75, 75, 73, 72];
11+
12+
function printMatrix(myMatrix) {
13+
for (var i = 0; i < myMatrix.length; i++) {
14+
for (var j = 0; j < myMatrix[i].length; j++) {
15+
console.log(myMatrix[i][j]);
16+
}
17+
}
18+
}
19+
20+
printMatrix(averageTemp);
21+
22+
// same as
23+
24+
// day 1
25+
averageTemp[0] = [];
26+
averageTemp[0][0] = 72;
27+
averageTemp[0][1] = 75;
28+
averageTemp[0][2] = 79;
29+
averageTemp[0][3] = 79;
30+
averageTemp[0][4] = 81;
31+
averageTemp[0][5] = 81;
32+
// day 2
33+
averageTemp[1] = [];
34+
averageTemp[1][0] = 81;
35+
averageTemp[1][1] = 79;
36+
averageTemp[1][2] = 75;
37+
averageTemp[1][3] = 75;
38+
averageTemp[1][4] = 73;
39+
averageTemp[1][5] = 72;
40+
41+
printMatrix(averageTemp);
42+
43+
//* * Multidimensional Matrix
44+
45+
// Matrix 3x3x3 - Cube
46+
47+
var matrix3x3x3 = [];
48+
for (var i = 0; i < 3; i++) {
49+
matrix3x3x3[i] = [];
50+
for (var j = 0; j < 3; j++) {
51+
matrix3x3x3[i][j] = [];
52+
for (var z = 0; z < 3; z++) {
53+
matrix3x3x3[i][j][z] = i + j + z;
54+
}
55+
}
56+
}
57+
58+
for (var i = 0; i < matrix3x3x3.length; i++) {
59+
for (var j = 0; j < matrix3x3x3[i].length; j++) {
60+
for (var z = 0; z < matrix3x3x3[i][j].length; z++) {
61+
console.log(matrix3x3x3[i][j][z]);
62+
}
63+
}
64+
}

‎html/chapter02/05-ArrayMethods.html

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

0 commit comments

Comments
 (0)