배열과 객체는 기본 데이터 유형과 달리 한 번에 여러 값을 보유할 수 있는 복잡한 데이터 유형입니다.

이 작업을 수행하기 위해 2개의 복잡한 데이터 유형이 필요한 이유와 하나를 갖는 것만으로는 작업을 완료하는 데 충분하지 않은 이유가 무엇인지 자문할 수 있습니다. 조건과 목표에 따라 "객체"를 사용하여 "배열"에 대해 여러 값을 보유하는 것이 더 나을 수 있으며 그 이유는 가독성이라는 한 가지 이유에 있습니다. 배열보다 객체를 선택하는 것이 더 나은 상황이 있고, 그 반대의 경우도 있습니다.

객체는 짐작하셨겠지만 객체에 더 잘 작동합니다! 이는 다양한 값에 대한 이름을 제공할 수 있으며 일반적으로 단일 항목과 함께 제공되는 속성을 설명하는 데 사용됩니다. 배열은 목록에 대해 더 잘 작동하고, 값을 설명하는 기능이 제한되어 있습니다. 배열은 기술적으로 객체이지만 구문과 다중 값이 사용되는 방식이 얼마나 독특하기 때문에 배열이라는 고유한 이름을 얻었습니다. 저장되거나 액세스됩니다. 여러분도 곧 객체가 3차원으로 간주되고 배열이 2차원으로 간주되는 복잡한 데이터 유형을 저처럼 이해하게 될 것입니다.

-3D 객체 및 2D 배열

//AN OBJECT
let person = {
voice: "soft",
age: "32"
};

//AN ARRAY
let groceryList = ['bananas', 'coconuts', 'grapes']

  -Above we have an example of an object doing what it does best, describing a 3 dimensional object in reality. Here we have the initialization of the variable 'animal' using the 'let' keyword to point to an object; which contains it's information within curly braces '{}'. Within the object are 'key: value' pairs. Keys are to the left of ':', and their values are to the right, with each pair separated by ','. As you can see with an object, we can give each value it holds a unique name to help describe and identify the value it points to. The age of the person is 32, and their voice is soft. You may notice that this format is easily readable and comes natural to understand, even someone who has no clue what coding is will likely be able to glance at those lines of code, and get a general understanding of what is going on. 

이 아래에는 식료품 목록에 가장 필수적인 항목의 아름다운 배열이 있으며 동일한 자연스러운 가독성을 찾을 수 있습니다. 배열은 대괄호 "[]"로 표시됩니다.

객체 및 배열 액세스:

console.log(dog.name) //returns "Fifo"
console.log(groceryList[0] //returns bananas

As mentioned earlier, objects are 3-dimensional, and arrays are 2-dimensional. The first way this becomes noticeable is when you try to access the values of an array or object. In a 2-dimensional plane, the surroundings are described with coordinates; a series of numbers that equate to the description of a particular location. This is how arrays behave, their coordinates are called indexes, and their particular location is a value. Like coordinates, indexes will always be numbers, and arrays cannot access their values in any other way unless you pass in a number next to it surrounded by brackets '[#]'. Even the brackets themselves move like a 2 dimensional object; up, down, left, right, there are no curves to help one describe the complexities of a 3-dimensional plane, then comes Objects. Objects access their values with their 'key'. Earlier, the "key: value" pair was '"voice: "soft"', thus we can reference the dogs name by typing "person.voice". Just like 3-dimensional objects in  our non-virtual reality, the properties of these objects are described with words, given names so-to-speak. The phenomenological conclusion we draw for what these properties are in relation to the object we experience, equates to the value we give to that word. 

철학 및 대상 이해: 질감은 부드러운 것으로, 냄새는 더러운 것으로, 감정은 고통스러운 것으로 설명할 수 있지만, 모든 개념은 궁극적으로 설명하는 두 단어에 의존합니다. 실제로 사물을 묘사할 때 '부드러운'이라는 단어만으로는 오해를 불러일으키고 상상하기 어려울 수 있습니다. 단순히 '부드러운' '사람''이라고 말한다면, 그 결론은 개인마다 개념이 다를 수 있습니다. 어떤 사람은 '부드러운 사람'이 친절하고 사랑이 많다고 믿을 수도 있고, 다른 사람은 '부드러운 사람'이 약하고 유약하다고 말할 수도 있습니다. 그러나 만약 '사람'이 '부드러운' '질감'을 가지고 있다'거나 '사람'이 '부드러운' '목소리'를 가지고 있다고 말한다면, 우리는 궁극적으로 그것이 무엇인지에 대해 덜 다양한 결론에 도달하게 될 것입니다. 이것이 바로 "'객체'가 '값'인 '키'를 갖는다"는 것이 3차원적이라고 이해할 수 있는 이유입니다.

객체 및 배열 조작

객체와 배열은 다양한 방식으로 조작할 수 있습니다. 배열은 인덱스 번호로 액세스하는 반면, 객체의 경우 '키'라는 것을 사용하여 해당 값에 액세스합니다. 각 키에 이름이 지정되어 있기 때문에 배열을 통한 탐색보다 객체를 탐색하는 것이 더 어렵습니다. 이것이 바로 배열이 번호가 매겨진 목록에서 더 잘 작동하고 객체가 단일 항목의 속성을 설명할 때 더 잘 작동하는 이유입니다.
키를 사용하여 객체의 항목에 액세스하고 배열은 해당 인덱스를 사용해야 합니다. 대괄호와 점 표기법을 사용하여 객체에 항목을 추가하고, 배열의 경우 '메서드'라는 것과 함께 대괄호 표기법을 사용할 수 있습니다.
제거하고 배열에 추가하는 데 사용되는 메서드는 .pop(), .push(), .shift(), .unshift(), .splice() 등입니다. 상황에 따라 선택하는 방법이 달라집니다.

//adding / removing values to arrays and objects

person.name = "Sam"; //adds key 'name' to person with value of "sam"
person["sign"] = "pisces" //adds key iykyk to a
array.push(tomato) //adds tomato to the end of array
array.unshift(cherries) //adds -1 to beginning
array.splice(1, 2, 'hello world') //starts at index 1, removes 2 indexes and inserts hello world at index 1.

// 5

array.pop() //removes last index
array.shift() //removes first index in array
delete animal.sign //removes key sign from animal
array.slice(1) //removes first element from a COPY of the array