create a simple array / object workshop

[eadehemingway]

arrays

const colorsArray = ["yellow", "red", "turquoise", "green", "blue"]

1. use the filter method to create an array with all colors from colorsArray that are longer than 5 letters long. expected answer is [ 'yellow', 'turquoise']

2. a) use the forEach method to create an array that has each color from colorsArray in capital letters. expected answer is [ 'YELLOW', 'RED', 'TURQUOISE', 'GREEN', 'BLUE' ]

   b) create the same array using the map method

3. use the reduce method to find the color with the most amount of letters in colorsArray.
   expected answer is 'turquoise' (as a string, not in an array)

objects

const myDog = {
  name: "Clyde", 
  breed: "boxer",
  age: 3, 
}

1. create an object called anotherDog with the properties name, breed and age (you can choose the values for these properties)

2. add the information gender:female to myDog

3. add the information gender:male to anotherDog using a different method to the one you used for question 2.

4. change the age of myDog from 3 to 7

5. create a method on the myDog object called 'playFetch' that, when called console.logs 'i am playing fetch'

6. create a method on myDog called "myName" that uses the 'this' keyword so that when called it console.logs 'my name is Clyde' . Note the name should be inserted dynamically such that if we changed the name the function would reflect the change.

7. delete the property 'breed' from anotherDog

8. create a function called hasBreed that takes an object and checks if it has the property 'breed'. hasBreed(myDog) should return true, hasBreed(anotherDog) should return false.

9. calculate how many key value pairs myDog contains

10. create a copy of myDog object so that if you change the name of the copy it does not change the name of the original.

[eadehemingway]

answers for the above:

//arrays
const colorsArray = ["yellow", "red", "turquoise", "green", "blue"]

//1.
const filteredArr = colorsArray.filter((str)=>{
  return str.length > 5
} )


//2a.
const capArr = [];colorsArray.forEach((str)=>{
  const upperCase = str.toUpperCase()
  capArr.push(upperCase)
})
//2b.
const capArrMap = colorsArray.map((str)=> {
  return str.toUpperCase()
})

//3. 
const longest= colorsArray.reduce((acc, str)=>{
  if(acc.length> str.length){
    return acc
  }else{
    return str
  }
})




//objects
const myDog = {
  name: "Clyde", 
  breed: "boxer",
  age: 3, 
}
//1. 
const anotherDog = {
  name: "rex", 
  breed: "pug", 
  age: 9
}

//2. 
myDog.gender="female"

//3.
anotherDog["gender"] = "male"

//4. 
myDog.age = 7

//5.
myDog.playFetch = ()=> {
  console.log('i am playing fetch')
}

//6. 
myDog.myName = function(){
  console.log('my name is ', this.name)
}

//7. 
delete anotherDog.breed

//8. 
function hasBreed(obj){
if('breed' in obj){
  return true
}else{
  return false
}
}

//9. 
const keys = Object.keys(myDog)

const length = keys.length

//10. 
const copy = {...myDog}
copy.name = "copy"

const anotherCopy = Object.assign({}, myDog)

anotherCopy.name= "anotherCopy"