Objects Discussion

YassinAbdulrahman commented Jan 14, 2023

0- object represent real worlds entities and their properties like cars and their properties like color model and so on . Is collection of keys and values, On the other hand, an array is a collection of items that are ordered and indexed by their position and Each item in an array can be of any data type and is accessed by its index ,which is a number starting from 0 .

2- using const with objects will prevent you from reassigning the variable to a new object, but it will not prevent you from modifying the properties of the object.

3- const obj = {
firsname: "room 3 ",
'last-name': "wiinng",
}

console.log(obj["last-name"])
console.log(obj.last-name)

Bracket notation uses square brackets [] we use it when the property name contains special characters or spaces, and the property is not known.
On the other hand, dot notation uses the dot , we use it when does not contain special characters or spaces.

onst fruits = ['apple', 'banana', 'orange'];
const fruitObject = {
[fruits[0]]: "red",
[fruits[1]]: "yellow",
[fruits[2]]: "orange"
}
console.log(fruitObject);

4- Object.keys dynimic naming
Object.entries give the hole thing in an array

5-obj.values

a-aidah commented Jan 14, 2023

difference is An Array is a collection of data and a data structure that is stored in a sequence of memory locations.
While an object is a collection of properties, and a property is an association between a name (or key) and a value.

1.The const keyword makes a variable itself immutable, not its assigned content. When the content is an object, this means the object itself can still be altered. Therefore, it's possible to change the content of the object that is declared with const variable, but you cannot assign a new object to a const variable.

Only with bracket notation we can access object properties using variable: Example Object[variable] this help dynamically accessing properties like looping and assigning computed properties
dot notation is more readable and easier. You can directly access properties by calling the key : Example Object.key //will return value
Computed properties use an expression in brackets []. Then use the result of the expression as the property name of an object.
an example would be:
let x = "age";
Const person={
name : "Ahmed",
[x] : 24,
}

4.Object.keys will return keys of object inside an array example: Object.keys(object) = ["key1", "key2"]
Object.enteries will return each both keys and values inside an array example Object.entries(object) = [ ["key1","value1"], ["key2","value2"] ]

The Object.values() static method returns an array of a given object's own enumerable string-keyed property values.

Abrar-Abdulwahed commented Jan 14, 2023 •

edited

Loading

0: 🟢Array vs Object:
arrays:

used whenever we want to create and store a list of multiple items in a single variable, useful when creating ordered collections.
elements accessed by numerical position (0-based indexing)
iterated by for, forEach.

object:

used whenever we represent anything that is made up a set of characteristics, consists of key/value pairs.
elements accessed by key using don or bracket notations.
iterated by for, forEach, for..in, for..of.

1: 🟢const:
one way of restricting objects, in which a way that reference is immutable but content(key or value) is mutable.

2: 🟢Dot vs Bracket Notation:

1. dot:

property identifies can only be alphanumeric (and _ and $), ex: obj.prop, obj.prop_1, obj.prop$✅
properties identifiers can’t start with a number. ex: obj.1prop❎
properties identifiers can’t contain a space obj.prop name❎
property identifiers cannot contain variables.

2. bracket:

property identifies can be String (alphanumeric and spaces, or can start with numbers),
ex: obj["prop_name"], obj["prop name"], obj["1 prop"]✅
property identifiers can be a variable that references a String.
ex:

let obj = {
      cat: 'meow',
      sheep: 'baa'
  };
let goats = 'sheep';
let sound = obj[goats];
console.log(sound); //baa

3: 🟢Computed Properties:
This feature allows for dynamic names that calculated at runtime.

let us to use an expression inside brackets [].
For example:

 const codes = { Yemen: "967", "Saudi Arabia": "966"}
 const student = {
        name: "Abrar",
        major: "Web Development",
        [`phone_${codes.Yemen}`]:  "777-777-777",
        [`phone_${codes["Saudi Arabia"]}`]:  "56-777-7777",
 }
 console.log(student .phone_966); // 56-777-7777

or can use this feature for using variable as property name of an object.
For example:

  function initNewObject(key, value) {
      return {
            [key]: value
      }
  }
  console.log(initNewObject("name", "Abrar")) // {name: "Abrar"}

4: 🟢Object.keys vs Object.entries:

Object.keys():

used with (array-like objects, objects).
return an array of a given object's property names.

For example:

    // Array
    const arr = ["Abrar", "Jehad", "Sarah"];
    console.log(Object.keys(arr)); // ['0', '1', '2'] =>because arrays are 0-based indexing

    // Array-like object
    const arr_like_obj = { 0: "a", 1: "b", 2: "c" };
    console.log(Object.keys(arr_like_obj)); // ['0', '1', '2'] 
    
    // Array-like object with random key ordering
   // When using numeric keys, the keys are returned in the numerical order
    const anObj = { 100: "a", 2: "b", 7: "c" };
    console.log(Object.keys(anObj)); // ['2', '7', '100']

   // object with string keys
    const obj = { name: "Abrar", bootcamp: "FEW"};
    console.log(Object.keys(obj)); // ['name', 'bootcamp']

Object.entries():

used with (arrays, array-like objects, objects).
return an array of [key, value]'s objects.

For example:

  // Array
  const arr = ["Abrar", "Jehad", "Sarah"];
  console.log(Object.entries(arr)); // [ ['0', 'Abrar'], ['1', 'Jehad'], ['2', 'Sarah'] ]

  // Array-like object
  const arr_like_obj = { 0: "a", 1: "b", 2: "c" };
  console.log(Object.entries(arr_like_obj)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]
  
  // Array-like object with random key ordering
  // When using numeric keys, the output are returned in the keys' numerical order
  const anObj = { 100: "a", 2: "b", 7: "c" };
  console.log(Object.entries(anObj)); // [ ['2', 'b'], ['7', 'c'], ['100', 'a'] ]

 // object with string keys
  const obj = { name: "Abrar", bootcamp: "FEW"};
  console.log(Object.entries(obj)); // [ ['name', 'Abrar'], ['bootcamp', "FEW"] ]

5: 🟢How do we get only the values of an object? Object.values().

References:

mdn
meduim
Me 👨‍💻

Haneen-Abdulgllil commented Jan 16, 2023

How is an object different from an array?

Objects represent a special data type that is [mutable] and can be used to store a collection of data (rather than just a single value).
Arrays are a special type of variable that is also mutable and can also be used to store a list of values.

How does const work with objects?

The const keyword makes a variable itself immutable, not its assigned content. When the content is an object, this means the object itself can still be altered.
Therefore, it's possible to change the content of the object that is declared with const variable, but you cannot assign a new object to a const variable.

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.

When you use dot notation, key means the actual property in the object, which will not be there. So, undefined is returned which is not equal to true.
When you use [] notation you are accessing the property in the object with the name in the variable key. So, that will work.
For example,

var myObj = {
    myVar : 1
};

for (var key in myObj) {
    console.log(key);
    console.log(myObj.key);
    console.log(myObj[key]);
}

This will print,

myVar
undefined
1

What are computed properties? Write an example code.

allows you to use an expression in brackets []. It’ll then use the result of the expression as the property name of an object.
For example:

let Name = 'haneen';

const rank = {
  a: 1,
  b: 2,
  [Name]: 6,
};

console.log(rank.haneen); // 6

What is the difference between Object.keys and Object.entries? Write example code using both of them.

[Object.keys] returns only the own property names.

[Object.entries] returns an array of arrays with key and value.

 let user = {
 name: "haneen",
 age: 29
};

Object.keys(user) = ["name", "age"]

Object.entries(user) = [ ["name","haneen"], ["age",29] ]

How do we get only the values of an object?

To access the properties of an object without knowing the names of those properties you can use a for ... in loop:

for(key in data) {
    if(data.hasOwnProperty(key)) {
        var value = data[key];
        //do something with value;
    }
}

tech-chieftain/discussions2.md

Select an option

No results found

Select an option

No results found

Object Discussion Questions

YassinAbdulrahman commented Jan 14, 2023

Uh oh!

a-aidah commented Jan 14, 2023

Uh oh!

Abrar-Abdulwahed commented Jan 14, 2023 •

edited

Loading

Uh oh!

Haneen-Abdulgllil commented Jan 16, 2023

Uh oh!

tech-chieftain/discussions2.md

Object Discussion Questions

YassinAbdulrahman commented Jan 14, 2023

Uh oh!

a-aidah commented Jan 14, 2023

Uh oh!

Abrar-Abdulwahed commented Jan 14, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

References:

Uh oh!

Haneen-Abdulgllil commented Jan 16, 2023

How is an object different from an array?

How does const work with objects?

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.

What are computed properties? Write an example code.

What is the difference between Object.keys and Object.entries? Write example code using both of them.

How do we get only the values of an object?

Uh oh!

Abrar-Abdulwahed commented Jan 14, 2023 •

edited

Loading