🔥 배열 연습
let animals= [
"Aardvark",
"Albatross",
"Alligator",
"Alpaca",
"Ant",
"Ape",
"Armadillo",
"Donkey",
"Baboon",
"Badger",
"Barracuda",
"Bat",
"Bear",
"Beaver",
"Bee",
"Bison",
"Cat",
"Caterpillar",
"Cattle",
"Chamois",
"Cheetah",
"Chicken",
"Chimpanzee",
"Chinchilla",
"Chough",
"Clam",
"Cobra",
"Cockroach",
"Cod",
"Cormorant",
"Dugong",
"Dunlin",
"Eagle",
"Echidna",
"Eel",
"Eland",
"Elephant",
"Elk",
"Emu",
"Falcon",
"Ferret",
"Finch",
"Fish",
"Flamingo",
"Fly",
"Fox",
"Frog",
"Gaur",
"Gazelle",
"Gerbil",
"Giraffe",
"Grasshopper",
"Heron",
"Herring",
"Hippopotamus",
"Hornet",
"Horse",
"Kangaroo",
"Kingfisher",
"Koala",
"Kookabura",
"Moose",
"Narwhal",
"Newt",
"Nightingale",
"Octopus",
"Okapi",
"Opossum",
"Quail",
"Quelea",
"Quetzal",
"Rabbit",
"Raccoon",
"Rail",
"Ram",
"Rat",
"Raven",
"Red deer",
"Sandpiper",
"Sardine",
"Sparrow",
"Spider",
"Spoonbill",
"Squid",
"Squirrel",
"Starling",
"Stingray",
"Tiger",
"Toad",
"Whale",
"Wildcat",
"Wolf",
"Worm",
"Wren",
"Yak",
"Zebra"
]🏃♂️어레이에 마지막 아이템 "Zebra" 제거하기
animals.pop();
console.log(animals);결과값
['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Grasshopper', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Moose', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Red deer', 'Sandpiper', 'Sardine', 'Sparrow', 'Spider', 'Spoonbill', 'Squid', 'Squirrel', 'Starling', 'Stingray', 'Tiger', 'Toad', 'Whale', 'Wildcat', 'Wolf', 'Worm', 'Wren', 'Yak']
마지막에 "Zebra"가 없어진 것을 볼 수 있다.
🏃♂️주어진 어레이에 "Dog" 추가하기
animals.push("Dog");
console.log(animals);결과값
['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Grasshopper', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Moose', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Red deer', 'Sandpiper', 'Sardine', 'Sparrow', 'Spider', 'Spoonbill', 'Squid', 'Squirrel', 'Starling', 'Stingray', 'Tiger', 'Toad', 'Whale', 'Wildcat', 'Wolf', 'Worm', 'Wren', 'Yak', 'Dog']
마지막에 "Dog"가 추가된 것을 볼 수 있다.
🏃♂️ 주어진 어레이에 "Mosquito","Mouse","Mule" 추가하기
animals.push("Mosquito", "Mouse","Mule");
console.log(animals);결과값
['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Grasshopper', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Moose', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Red deer', 'Sandpiper', 'Sardine', 'Sparrow', 'Spider', 'Spoonbill', 'Squid', 'Squirrel', 'Starling', 'Stingray', 'Tiger', 'Toad', 'Whale', 'Wildcat', 'Wolf', 'Worm', 'Wren', 'Yak', 'Dog', 'Mosquito', 'Mouse', 'Mule']
마지막에 "Mosquito", "Mouse", "Mule"가 추가된 것을 볼 수 있다.
🏃♂️ 해당 어레이에는 "Human"이 있는가?
console.log(animals.includes("Human"));결과값
false
배열안에 "Human"이 없어 false가 나온 것을 볼 수 있다.
🏃♂️ 해당 어레이에는 "Cat"이 있는가?
console.log(animals.includes("Cat"));결과값
true
배열안에 "Cat"이 있어 true가 나온 것을 볼 수 있다.
🏃♂️ "Red deer"을 "Deer"로 바꾸시오
animals[animals.indexOf("Red deer")] = "Deer";
console.log(animals);결과값
['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Grasshopper', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Moose', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Deer', 'Sandpiper', 'Sardine', 'Sparrow', 'Spider', 'Spoonbill', 'Squid', 'Squirrel', 'Starling', 'Stingray', 'Tiger', 'Toad', 'Whale', 'Wildcat', 'Wolf', 'Worm', 'Wren', 'Yak', 'Dog', 'Mosquito', 'Mouse', 'Mule']
indexof를 사용해 "Red deer"의 인덱스번호를 찾아 그 것을 "Deer"로 바꾼 코드이다. "Red deer"가 "Deer"로 바뀌어 나오는 것을 볼 수 있다.
🏃♂️ "Spider"부터 3개의 아이템을 기존 어레이에서 제거하시오
animals.splice(animals.indexOf("Spider"),3);
console.log(animals);결과값
['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Grasshopper', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Moose', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Deer', 'Sandpiper', 'Sardine', 'Sparrow', 'Squirrel', 'Starling', 'Stingray', 'Tiger', 'Toad', 'Whale', 'Wildcat', 'Wolf', 'Worm', 'Wren', 'Yak', 'Dog', 'Mosquito', 'Mouse', 'Mule']
indexof를 사용해 "Spider"의 인덱스번호를 찾아 "Spider"의 인덱스 부터 3개를 제거하는 코드이다. 따라서 "Spider", "Spoonbill", "Squid"가 사라지는 것을 볼 수 있다.
🏃♂️ "Tiger"이후의 값을 제거하시오
animals.splice(animals.indexOf("Tiger"));
console.log(animals);결과값
['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Grasshopper', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Moose', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Deer', 'Sandpiper', 'Sardine', 'Sparrow', 'Squirrel', 'Starling', 'Stingray']
indexof를 사용해 "Tiger"의 인덱스번호를 찾아 "Tiger"의 인덱스 이후 부터 제거하는 코드이다. 따라서 "Tiger"이후부터 제거된 것을 볼 수 있다.
🏃♂️ "B"로 시작되는 아이템인 "Baboon"부터 "Bison"까지 가져와 새로운 어레이에 저장하시오
let newlist = animals.slice(animals.indexOf("Baboon"), animals.indexOf("Bison")+1);
console.log(newlist);결과값
['Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison']
indexof를 사용해 "Baboon"와 "Bison"의 인덱스 번호를 찾아 "Baboo"의 인덱스 부터 "Bison"의 인덱스 +1을 하여 제거하는 코드이다. +1을 하는 이유는 "Bison"에 인덱스까지 하면 "Bison"에 인덱스가 포함이 되지 않는다. 그래서 +1을 하는 것이다. 따라서 "Baboon"와 "Bison"만 새로운 어레이에 저장되는 것을 볼 수 있다.
안녕하세요 프론트엔드 개발자입니다. 글을 이전 중입니다.