Skip to content

Commit 5dbe4ab

Browse files
ShMcKShMcK
committed
03-map init
1 parent f7c279c commit 5dbe4ab

16 files changed

+623
-51
lines changed

‎README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,9 @@ Using common built-in Javascript array methods such as `map` & `reduce`.
2525

2626
By the end, you should have an understanding of how to use array methods to manipulate semi-complex data.
2727

28-
<!-- @import('./tutorial/1/01/filter') -->
28+
##### Filter
29+
30+
Array -> Array of items that match a condition
2931

3032
##### Sort
3133

‎coderoad.json

Lines changed: 46 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,51 @@
77
{
88
"title": "Array Methods",
99
"pages": [
10+
{
11+
"title": "Filter",
12+
"description": "Array -> Array of items that match a condition",
13+
"explanation": "You've hacked into the school's computer system, and just in time. The grades are in, aren't you're not too proud of your performance. But that's okay, you have a plan: you're going to create a fake report card.\n\nIt would be great if you could `filter` the scores that your parents will see. A `filter` takes a matching condition function and only returns items that result in true. As an example, look at `isA` below:\n\n```\nfunction isA(x) {\n return x === 'a';\n}\n```\n\n\nLike all of the methods in this chapter, `filter` is already part of the `Array.prototype`, so you can run it following any array. Each item in the array is passed into the params of the condition function, one by one.\n\n```\nvar list = ['a', 'b'];\nlist.filter(isA);\n\n// if isA(list[0]), add to output array\n// if isA(list[1]), add to output array\n//\n//> ['a']\n```\n\nIf your data was composed of objects, we could use dot notation to find matches. Checkout `isB` below.\n\n```\nfunction isB(x) {\n return x.item === 'b'\n}\n\nvar list = [{item: 'a'}, {item: 'b'}];\nlist.filter(isB);\n//> [{item: 'b'}]\n```\n\nWhere were we? Back to filtering our grades.\n\nThere's too much student data in the computer system. We'll have to sort through it. Have a look at an example below:\n\n```\nconsole.log(data[0]);\n//> { course: 'Web Security',\n// instructor: 'Sue Denim',\n// name: 'Rebecca Heineman',\n// score: 93,\n// grade: 'A' }\n```",
14+
"tasks": [
15+
{
16+
"description": "Write a filter condition function called `isAda` that returns true only if the name matches your name: \"Ada Lovelace\".",
17+
"tests": [
18+
"1/01/01-filter"
19+
],
20+
"actions": [
21+
"open('01-filter.js')",
22+
"set('function isAda(student) {\n // write condition here\n // the name must match \"Ada Lovelace\"\n\n}\n')"
23+
]
24+
},
25+
{
26+
"description": "Set `let myData` equal to data matching your name, \"Ada Lovelace\".",
27+
"tests": [
28+
"1/01/02-filter"
29+
],
30+
"actions": [
31+
"insert('/**\n * Data is set as a global. Example:\n * [{\n * \"course\": \"Relational Databases\",\n * \"instructor\": \"Sean Quentin Lewis\",\n * \"name\": \"Ada Lovelace\",\n * \"score\": 91,\n * \"grade\": \"A\"\n * },\n * ...\n * ]\n */\n')",
32+
"insert('// call filter condition here\nvar myData = data.filter();\n\n')"
33+
]
34+
},
35+
{
36+
"description": "Write a filter condition called `isGoodGrade` that will filter out any \"D\" or \"F\" grades.",
37+
"tests": [
38+
"1/01/03-filter"
39+
],
40+
"actions": [
41+
"insert('// return true if student \"grade\" is not a \"D\" or \"F\"\nfunction isGoodGrade(student) {\n\n}\n')"
42+
]
43+
},
44+
{
45+
"description": "Set `var myBest` to your scores, excluding any grades that are \"D\" or \"F\".",
46+
"tests": [
47+
"1/01/04-filter"
48+
],
49+
"actions": [
50+
"insert('// filter out \"D\"'s and \"F\"'s here\nvar myBest = myData.filter();\n\n')"
51+
]
52+
}
53+
]
54+
},
1055
{
1156
"title": "Sort",
1257
"description": "Array -> sorted Array",
@@ -82,7 +127,7 @@
82127
"description": "coming soon"
83128
}
84129
],
85-
"description": "Using common built-in Javascript array methods such as `map` & `reduce`.\n\nBy the end, you should have an understanding of how to use array methods to manipulate semi-complex data.\n\n<!-- @import('./tutorial/1/01/filter') -->"
130+
"description": "Using common built-in Javascript array methods such as `map` & `reduce`.\n\nBy the end, you should have an understanding of how to use array methods to manipulate semi-complex data."
86131
}
87132
]
88133
}

‎tutorial/1/01/01-filter.spec.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
"use strict";
12
var expect = require('chai').expect;
23
var path = require('path');
34
var loadJS = require('../../common/loadJS').default;

‎tutorial/1/01/02-filter.spec.js

Lines changed: 64 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
"use strict";
12
var expect = require('chai').expect;
23
var path = require('path');
34
var loadJS = require('../../common/loadJS').default;
@@ -21,13 +22,69 @@ describe('var myData', function() {
2122
});
2223

2324
it('isn\'t the right filtered data for "Ada Lovelace"', function() {
24-
var values = [91, 88, 61, 81, 73, 58, 93, 82, 88, 65];
25-
myVals = myData.map(function(x) {
26-
return x.score;
27-
});
28-
values.forEach(function(value) {
29-
expect(myVals).contains(value);
30-
});
25+
expect(myData).to.deep.equal([{
26+
course: 'Relational Databases',
27+
instructor: 'Sean Quentin Lewis',
28+
name: 'Ada Lovelace',
29+
score: 91,
30+
grade: 'A'
31+
}, {
32+
course: '3D Computer Graphics',
33+
instructor: 'G.L. Webb',
34+
name: 'Ada Lovelace',
35+
score: 88,
36+
grade: 'B'
37+
}, {
38+
course: 'Front End Web Development',
39+
instructor: 'Moe Zaick',
40+
name: 'Ada Lovelace',
41+
score: 61,
42+
grade: 'D'
43+
}, {
44+
course: 'Web Security',
45+
instructor: 'Sue Denim',
46+
name: 'Ada Lovelace',
47+
score: 81,
48+
grade: 'B'
49+
}, {
50+
course: 'Javascript Fundamentals',
51+
instructor: 'Jay Kweerie',
52+
name: 'Ada Lovelace',
53+
score: 73,
54+
grade: 'C'
55+
}, {
56+
course: 'Data Science',
57+
instructor: 'Ford Fulkerson',
58+
name: 'Ada Lovelace',
59+
score: 58,
60+
grade: 'F'
61+
}, {
62+
course: 'Algorithm Design',
63+
instructor: 'Gale Shapely',
64+
name: 'Ada Lovelace',
65+
score: 93,
66+
grade: 'A'
67+
}, {
68+
course: 'Data Abstraction',
69+
instructor: 'Aster Ricks',
70+
name: 'Ada Lovelace',
71+
score: 82,
72+
grade: 'B'
73+
}, {
74+
course: 'Data Structures',
75+
instructor: 'Brodal Q.',
76+
name: 'Ada Lovelace',
77+
score: 88,
78+
grade: 'B'
79+
}, {
80+
course: 'Networks',
81+
instructor: 'Van Emde Boas',
82+
name: 'Ada Lovelace',
83+
score: 65,
84+
grade: 'D'
85+
}]);
3186
});
3287

88+
89+
3390
});

‎tutorial/1/01/03-filter.spec.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
"use strict";
12
var expect = require('chai').expect;
23
var path = require('path');
34
var loadJS = require('../../common/loadJS').default;

‎tutorial/1/01/04-filter.spec.js

Lines changed: 44 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
"use strict";
12
var expect = require('chai').expect;
23
var path = require('path');
34
var loadJS = require('../../common/loadJS').default;
@@ -21,13 +22,49 @@ describe('var myBest', function() {
2122
});
2223

2324
it('isn\'t the right filtered data for "Ada Lovelace"', function() {
24-
var values = [91, 88, 81, 73, 93, 82, 88];
25-
myBestVals = myBest.map(function(x) {
26-
return x.score;
27-
});
28-
values.forEach(function(value) {
29-
expect(myBestVals).contains(value);
30-
});
25+
expect(myBest).to.deep.equal([{
26+
course: 'Relational Databases',
27+
instructor: 'Sean Quentin Lewis',
28+
name: 'Ada Lovelace',
29+
score: 91,
30+
grade: 'A'
31+
}, {
32+
course: '3D Computer Graphics',
33+
instructor: 'G.L. Webb',
34+
name: 'Ada Lovelace',
35+
score: 88,
36+
grade: 'B'
37+
}, {
38+
course: 'Web Security',
39+
instructor: 'Sue Denim',
40+
name: 'Ada Lovelace',
41+
score: 81,
42+
grade: 'B'
43+
}, {
44+
course: 'Javascript Fundamentals',
45+
instructor: 'Jay Kweerie',
46+
name: 'Ada Lovelace',
47+
score: 73,
48+
grade: 'C'
49+
}, {
50+
course: 'Algorithm Design',
51+
instructor: 'Gale Shapely',
52+
name: 'Ada Lovelace',
53+
score: 93,
54+
grade: 'A'
55+
}, {
56+
course: 'Data Abstraction',
57+
instructor: 'Aster Ricks',
58+
name: 'Ada Lovelace',
59+
score: 82,
60+
grade: 'B'
61+
}, {
62+
course: 'Data Structures',
63+
instructor: 'Brodal Q.',
64+
name: 'Ada Lovelace',
65+
score: 88,
66+
grade: 'B'
67+
}]);
3168
});
3269

3370
});

‎tutorial/1/01/filter.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ function isAda(student) {
6161
}
6262
```))
6363
64-
+ Set `var myData` equal to data matching your name, "Ada Lovelace".
64+
+ Set `let myData` equal to data matching your name, "Ada Lovelace".
6565
@test('1/01/02-filter')
6666
@action(insert(
6767
```

‎tutorial/1/02/02-sort.spec.js

Lines changed: 44 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ if (!global.myBest) {
66
}
77
loadJS('02-sort.js');
88

9-
describe('mySorted', function () {
9+
describe('mySorted', function() {
1010

1111
it('doesn\'t exist', function() {
1212
expect(mySorted).to.not.be.undefined;
@@ -31,7 +31,49 @@ describe('mySorted', function () {
3131
return 0;
3232
}
3333
}
34-
expect(mySorted).to.deep.equal(myBest.sort(compareScore));
34+
expect(mySorted).to.deep.equal([{
35+
course: 'Relational Databases',
36+
instructor: 'Sean Quentin Lewis',
37+
name: 'Ada Lovelace',
38+
score: 91,
39+
grade: 'A'
40+
}, {
41+
course: '3D Computer Graphics',
42+
instructor: 'G.L. Webb',
43+
name: 'Ada Lovelace',
44+
score: 88,
45+
grade: 'B'
46+
}, {
47+
course: 'Web Security',
48+
instructor: 'Sue Denim',
49+
name: 'Ada Lovelace',
50+
score: 81,
51+
grade: 'B'
52+
}, {
53+
course: 'Javascript Fundamentals',
54+
instructor: 'Jay Kweerie',
55+
name: 'Ada Lovelace',
56+
score: 73,
57+
grade: 'C'
58+
}, {
59+
course: 'Algorithm Design',
60+
instructor: 'Gale Shapely',
61+
name: 'Ada Lovelace',
62+
score: 93,
63+
grade: 'A'
64+
}, {
65+
course: 'Data Abstraction',
66+
instructor: 'Aster Ricks',
67+
name: 'Ada Lovelace',
68+
score: 82,
69+
grade: 'B'
70+
}, {
71+
course: 'Data Structures',
72+
instructor: 'Brodal Q.',
73+
name: 'Ada Lovelace',
74+
score: 88,
75+
grade: 'B'
76+
}]);
3577
});
3678

3779
});

‎tutorial/1/03/01-map.spec.js

Lines changed: 27 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
var expect = require('chai').expect;
2-
// loads file context to allow globals
3-
var context = require('test-context');
4-
var filePath = '../../../../../02-map.js';
5-
context(filePath);
2+
var path = require('path');
3+
var loadJS = require('../../common/loadJS').default;
4+
if (!global.myData) {
5+
global.myData = JSON.parse(JSON.stringify(require('./myData.json')));
6+
}
67

78
describe('changeGrades', function() {
89

@@ -14,15 +15,29 @@ describe('changeGrades', function() {
1415
expect(changeGrades).to.be.a('function');
1516
});
1617

17-
it('doesn\'t change all grades for a name', function() {
18-
let changed = changeGrades('Bob');
19-
let arrayOfGrades = data.filter(function(item) {
20-
return item.name === 'Bob';
21-
}).map(function(item) {
22-
item.grade = 'A';
23-
return item;
18+
it('shouldn\'t change other grades to an A', function() {
19+
var test = {
20+
grade: 'B'
21+
};
22+
expect(changeGrades(test)).to.deep.equal(test);
23+
})
24+
25+
it('doesn\'t change grades from a D to an A', function() {
26+
var test = {
27+
grade: 'D'
28+
};
29+
expect(arrayOfGrades).to.deep.equal({
30+
grade: 'A'
31+
});
32+
});
33+
34+
it('doesn\'t change grades from a F to an A', function() {
35+
var test = {
36+
grade: 'F'
37+
};
38+
expect(arrayOfGrades).to.deep.equal({
39+
grade: 'A'
2440
});
25-
expect(arrayOfGrades).to.deep.equal(changed);
2641
});
2742

2843
});

‎tutorial/1/03/02-map.spec.js

Lines changed: 25 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,31 @@
11
var expect = require('chai').expect;
2-
// loads file context to allow globals
3-
var context = require('test-context');
4-
var filePath = '../../../../../02-map.js';
5-
context(filePath);
2+
var path = require('path');
3+
var loadJS = require('../../common/loadJS').default;
4+
if (!global.myData) {
5+
global.myData = JSON.parse(JSON.stringify(require('./myData.json')));
6+
}
67

7-
describe('next', function () {
8+
describe('var myChanged', function() {
9+
it('doesn\'t exist', function() {
10+
expect(myChanged).to.not.be.undefined;
11+
});
12+
13+
it('isn\'t an array', function() {
14+
expect(myChanged).to.be.an('array');
15+
});
16+
17+
it('doesn\'t change all D\'s to A\'s', function () {
18+
function filterD(student) {
19+
return student.grade === 'D';
20+
}
21+
expect(myChanged.filter(filterD)).to.have.length(0);
22+
});
823

9-
it('this test is unfinished', function () {
10-
return false;
24+
it('doesn\'t change all F\'s to A\'s', function () {
25+
function filterD(student) {
26+
return student.grade === 'F';
27+
}
28+
expect(myChanged.filter(filterD)).to.have.length(0);
1129
});
1230

1331
});

0 commit comments

Comments
 (0)