配列とオブジェクトは、原始的なものとは異なり、一度に複数の値を保持できる複雑なデータ型です。

このタスクを実行するにはなぜ 2 つの複雑なデータ型が必要なのか、1 つだけでは仕事を完了するのに十分ではないのかと自問するかもしれません。条件や目的によっては、「配列」よりも複数の値を保持するために「オブジェクト」を使用することを選択した方が良い場合があります。その理由は、読みやすさという 1 つの理由に集約されます。状況によっては、配列ではなくオブジェクトを選択したほうがよい場合や、その逆の場合もあります。

オブジェクトは、ご想像のとおり、オブジェクトに対してより効果的に機能します。これらは多数の値に名前を付けることができ、通常は 1 つのアイテムに付属するプロパティを説明するために使用されます。配列はリストの場合に適しており、その値を説明する機能には制限があり、配列は技術的にはオブジェクトですが、その構文と複数の値の扱い方が一意であるため、配列という一意の名前が付けられました。保存またはアクセスされます。あなたも私と同じように、オブジェクトは 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. 

哲学と対象の理解: 私たちは質感を柔らかい、匂いを悪臭、感情を痛みと表現することがありますが、すべての概念は最終的には 2 つの単語で説明されます。 「柔らかい」という言葉だけでは誤解される可能性があり、現実の物体を説明するときに想像するのが難しくなります。 「柔らかい」「人」と一言で言っても、その結論は個人の概念によって異なる可能性があります。ある人は、あなたが「柔らかい人」は親切で愛情深いと言うと信じているかもしれませんし、他の人は「柔らかい人」は弱くて弱いと言うかもしれません。しかし、「『人』には『柔らかな』『質感』がある」とか、「『人』には『柔らか』な『声』がある」と言ったとしても、最終的にはそれが何なのかについて、よりばらつきの少ない結論に達することになるだろう。これが、「「オブジェクト」には「値」である「キー」がある」ということが 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