Object discussion questions

discussion.md

Object Discussion Questions

There is some coding in this discussion. Feel free to write them in a REPL or in the comments below.

0. How is an object different from an array?
1. How does const work with objects?
2. Explain the difference between bracket syntax and dot syntax. Give an example of something that works with bracket syntax but not dot syntax. Give an example of something that works with dot syntax but not bracket syntax.
3. What are computed properties? Write an example code.
4. What is the difference between Object.keys and Object.entries? Write example code using both of them.
5. How do we get only the values of an object?

@AsliSema @aydinfz Mahmoud Alshahin , @lawand703

0. Object stores key and value pairs, an array is a list. The array is a special type of object.
1. Const means constant, we are not able to reassign any other objects to that object which is defined by const. We can change elements of it because it remains in the same place as an object in the memory.
2. Dot notation uses only static keys but bracket syntax can use for special characters in keys and the selection of properties using variables.
3. Computed properties allow you to use the values of expressions as property names of an object.
4. Object.keys collect all keys in an array, Object.entries give key-value pairs in an array and whole object also in an array (nested array)
5. const obj = {
   x: ‘hey’,
   y: 13,
   };Object.values(obj) // [‘hey’ , 13]

Team members :Hisham Al Wattar , Sara Nafisa , Talal Bakkour

0. The main differences between objects and arrays are that objects are unordered and store key-value pairs, while arrays are ordered and store elements accessed by index
1. The const keyword makes a variable itself immutable, when using const with objects in JavaScript, the reference to the object cannot be reassigned, but the object's properties can be modified.
2. Bracket syntax is used when the property or method name is dynamic or has special characters, while dot syntax is used when the property or method name is static and known at the time of writing the code
   Dot syntax ex :
   const student= { name: 'John', age: 20}; console.log(student['name']);
   Bracket syntax ex :
   const student= { 'first name': 'John', age: 20}; console.log(student['first name']);
3. Computed object properties, are a feature in JavaScript that allows you to use an expression to dynamically compute the property name of an object literal , This means that the property name is not fixed, but instead is determined at runtime based on the value of an expression
   ex :
   const student= {name: 'John',age: 30,['country' + '_code']: 'us'}; console.log(person['country_code']);
4. Both methods are used to iterate over the properties of an object, but they return different data types ,The Object.keys() returns an array of the object's own enumerable property names , The Object.entries() returns an array of a given object's own enumerable string-keyed property key-value pairs
   Object.keys() ex :
   const student= { name: 'John', age:18, city: 'Istanbul' }; const keys = Object.keys(student); console.log(keys); // output: ['name', 'age', 'city']
   Object.entries() ex :
   const student= { name: 'John', age: 18, city: 'Istanbul' }; const entries = Object.entries(student); console.log(entries); // output: [['name', 'John'], ['age', 18], ['city', 'Istanbul']]
5. To get only the values of an object, we use the Object.values()

// M.NOUR Krimesh, Abdul Malek, Ammar Almuain.

0. The difference between object and array is that object store its data as key:value and arrays store the data as indexed values.

1. const prevent us from defining another variable with the same name but we can change object's values.

2. Bracket notation allows you to access properties with special characters in their names, while you can not do this with dot notation

3. Computed properties allow you to dynamically choose what property in your object gets updated.

4. Object.keys(object) is a utility function that returns the list of keys of object for example:
   const hero = {
   name: 'Batman',
   city: 'Gotham'
   };
   Object.keys(hero); // => ['name', 'city']

   Object.entries(object) is an useful function to access the entries of object for example:
   const hero = {
   name: 'Batman',
   city: 'Gotham'
   };
   Object.entries(hero); // => [['name', 'Batman'], ['city', 'Gotham']]

5. We get only the values of an object by using Object.values(object) for example:
   const books = {
   'book1': 5.50,
   'book2': 10.00,
   'book3': 4.35
   };
   const prices = Object.values(books);
   prices; // => [4.35, 5.5, 10]