ES6 Basics

This project contains tasks for learning the basics of ECMAScript 2015 (ES6).

Tasks To Complete

0. Const or let?
0-constants.js contains a script that meets the following requirements.

For the code below, make the following modifications:
- function taskFirst to instantiate variables using const.
- function taskNext to instantiate variables using let.

export function taskFirst() {
  var task = 'I prefer const when I can.';
  return task;
}

export function getLast() {
  return ' is okay';
}

export function taskNext() {
  var combination = 'But sometimes let';
  combination += getLast();

  return combination;
}

1. Block Scope
1-block-scoped.js contains a script that meets the following requirements.

For the code below, modify the variables inside the function taskBlock so that the variables aren't overwritten inside the conditional block.

export default function taskBlock(trueOrFalse) {
  var task = false;
  var task2 = true;

  if (trueOrFalse) {
    var task = true;
    var task2 = false;
  }

  return [task, task2];
}

2. Arrow functions
2-arrow.js contains a script that meets the following requirements.

For the code below, rewrite the following standard function to use ES6's arrow syntax of the function add.

export default function getNeighborhoodsList() {
  this.sanFranciscoNeighborhoods = ['SOMA', 'Union Square'];

  const self = this;
  this.addNeighborhood = function add(newNeighborhood) {
    self.sanFranciscoNeighborhoods.push(newNeighborhood);
    return self.sanFranciscoNeighborhoods;
  };
}

3. Parameter defaults
3-default-parameter.js contains a script that meets the following requirements.

For the code below, condense the internals of the following function to 1 line - without changing the name of each function/variable.

export default function getSumOfHoods(initialNumber, expansion1989, expansion2019) {
  if (expansion1989 === undefined) {
    expansion1989 = 89;
  }

  if (expansion2019 === undefined) {
    expansion2019 = 19;
  }
  return initialNumber + expansion1989 + expansion2019;
}

4. Rest parameter syntax for functions
4-rest-parameter.js contains a script that meets the following requirements.
- For the code below, modify the following function to return the number of arguments passed to it using the rest parameter syntax.
```
export default function returnHowManyArguments() {

}
```
5. The wonders of spread syntax
5-spread-operator.js contains a script that meets the following requirements.
- For the code below, using spread syntax, concatenate 2 arrays and each character of a string by modifying the function below. The function body should be one line long.
```
export default function concatArrays(array1, array2, string) {
}
```

6. Take advantage of template literals
6-string-interpolation.js contains a script that meets the following requirements.

For the code below, rewrite the return statement to use a template literal so you can the substitute the variables you’ve defined.

export default function getSanFranciscoDescription() {
  const year = 2017;
  const budget = {
    income: '$119,868',
    gdp: '$154.2 billion',
    capita: '$178,479',
  };

  return 'As of ' + year + ', it was the seventh-highest income county in the United States' \
        ', with a per capita personal income of ' + budget.income + '. As of 2015, San Francisco' \
        ' proper had a GDP of ' + budget.gdp + ', and a GDP per capita of ' + budget.capita + '.';
}

7. Object property value shorthand syntax
7-getBudgetObject.js contains a script that meets the following requirements.
- For the code below, modify the following function’s budget object to simply use the keyname instead.
```
export default function getBudgetObject(income, gdp, capita) {
  const budget = {
    income: income,
    gdp: gdp,
    capita: capita,
  };

  return budget;
}
```

8. No need to create empty objects before adding in properties
8-getBudgetCurrentYear.js contains a script that meets the following requirements.

For the code below, rewrite the getBudgetForCurrentYear function to use ES6 computed property names on the budget object.

function getCurrentYear() {
  const date = new Date();
  return date.getFullYear();
}

export default function getBudgetForCurrentYear(income, gdp, capita) {
  const budget = {};

  budget[`income-${getCurrentYear()}`] = income;
  budget[`gdp-${getCurrentYear()}`] = gdp;
  budget[`capita-${getCurrentYear()}`] = capita;

  return budget;
}

9. ES6 method properties
9-getFullBudget.js contains a script that meets the following requirements.

For the code below, rewrite getFullBudgetObject to use ES6 method properties in the fullBudget object.

import getBudgetObject from './7-getBudgetObject.js';

export default function getFullBudgetObject(income, gdp, capita) {
  const budget = getBudgetObject(income, gdp, capita);
  const fullBudget = {
    ...budget,
    getIncomeInDollars: function (income) {
      return `$${income}`;
    },
    getIncomeInEuros: function (income) {
      return `${income} euros`;
    },
  };

  return fullBudget;
}

10. For...of Loops
10-loops.js contains a script that meets the following requirements.

For the code below, rewrite the function appendToEachArrayValue to use ES6’s for...of operator. And don’t forget that var is not ES6-friendly.

export default function appendToEachArrayValue(array, appendString) {
  for (var idx in array) {
    var value = array[idx];
    array[idx] = appendString + value;
  }

  return array;
}

11. Iterator
11-createEmployeesObject.js contains a script that meets the following requirements.
- Write a function named createEmployeesObject that will receive two arguments:
  - departmentName (String).
  - employees (Array of Strings).
```
export default function createEmployeesObject(departmentName, employees) {

}
```
  The function should return an object with the following format:
```
{
  $departmentName: [
    $employees,
  ],
}
```
12. Let's create a report object
12-createReportObject.js contains a script that meets the following requirements.
- Write a function named createReportObject whose parameter, employeesList, is the return value of the previous function createEmployeesObject.
```
export default function createReportObject(employeesList) {

}
```
- createReportObject should return an object containing the key allEmployees and a method property called getNumberOfDepartments.
- allEmployees is a key that maps to an object containing the department name and a list of all the employees in that department. If you’re having trouble, use the spread syntax.
- The method property receives employeesList and returns the number of departments.
13. Iterating through report objects
100-createIteratorObject.js contains a script that meets the following requirements.
- Write a function named createIteratorObject, that will take into argument a report Object created with the previous function createReportObject.
```
export default function createIteratorObject(report) {

}
```
- This function will return an iterator to go through every employee in every department.
14. Iterate through object
101-iterateThroughObject.js contains a script that meets the following requirements.
- Write a function named iterateThroughObject. The function’s parameter reportWithIterator is the return value from createIteratorObject.
```
export default function iterateThroughObject(reportWithIterator) {

}
```
- It should return every employee name in a string, separated by |.

Solomon454/alx-backend-javascript

ES6 Basics

Tasks To Complete