목록메소드 (9)
DevSSOM
arr.reverse() 배열의 데이터를 거꾸로 만들어주는 메소드. const array = [1, 2, 3, 4, 5]; const result = array.reverse(); console.log(result); // [5, 4, 3, 2, 1] console.log(array); // [5, 4, 3, 2, 1] 주의할 점은 reverse()를 쓴 후에 다시 array를 출력해보면, reverse 했던 것과 똑같이 거꾸로 나온다는 거야. reverse 함수를 호출한 배열 자체도 거꾸로 바뀌고, return 값도 거꾸로 바뀌고.
splice(시작인덱스, 몇 개 지울거?, 혹시 넣을 거?) 배열 원소를 지정된 포지션에서 지울 때 splice를 사용. 시작 인덱스로부터 몇 개를 지울 건지 써줘. fruits = ["apple", "banana", "lemon"]; fruits.splice(1); // 시작 인덱스만 지정하고, 몇 개를 지울지는 안 넣었을 땐 console.log(fruits); // ["apple"] 인덱스 1부터 모든 데이터를 다 지움 fruits.splice(1, 1); // 인덱스 1부터 1개만 지움 console.log(fruits); // ["apple", "lemon"] fruits.splice(1, 1, "orange", "watermelon"); console.log(fruits); // ["apple..
객체(Object) 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것. 객체는 한꺼번에 여러 값을 담을 수 있는 통(container)와 같은 자료구조. 객체 안에는 이름-값 쌍(name-value pair)가 저장되는데, 이를 객체의 속성(property)라고 함. const person = { name : "devSsom", // 속성 이름 = 'name', 속성값 = devSsom age : 31 // 속성 이름 = 'age', 속성값 = 31 language : ["javaScript", "python"], // 속성 이름 = 'language', 속성값 = 배열 }; 위에서 person 변수에 할당된 객체에는 3개의 속성이 저장되었음. 객체 다루기 속성 접근자, delete 연산자, in 연..
.splice() splice 메소드는 배열의 기존 데이터를 다른 데이터로 교체하거나, 추가, 삭제해서 배열 데이터의 내용을 변경함. 배열.splice(시작인덱스[, 제거할 개수[, 추가할 요소1[, 추가할 요소2[, ... ]]]) 형태로 작성하고, 제거한 요소를 담은 배열을 반환함. 예를 들어, 하나의 요소만 제거한 경우, 길이가 1인 배열을 반환. 어떠한 값도 제거하지 않으면 빈 배열을 반환. ex. 제거는 안하고, 2번 인덱스에 "banana"를 추가할 경우 var fruit = ["apple", "watermelon", "orange", "strawberry"]; var removed = fruit.splice(2, 0, "banana"); // removed는 [] 아무것도 없는 빈 배열 //..
배열 데이터 삽입, 제거 메소드 배열 데이터를 삽입하거나 뺄 때 쓰는 메소드로는 length, push, pop, unshift, shift이 있음. var fruit = ["사과", "배", "포도"]; fruit.length; // 데이터 개수 fruit.push("딸기"); // 배열 뒤쪽에 데이터 삽입 fruit.pop(); // 배열 뒤쪽의 데이터 제거 fruit.unshift("레몬"); // 배열 앞쪽에 데이터 삽입 fruit.shift(); // 배열 앞쪽의 데이터 제거 var fruit = ["사과", "배", "포도"]; fruit.length; //3 fruit.push("딸기"); // ["사과", "배", "포도", "딸기"] fruit.pop(); // ["레몬", "사과", "..
프라퍼티와 메소드 자바스크립트에서 사용자를 위해 사전에 작성된 편의 기능. 각각의 데이터 타입마다 고유의 스킬들을 가지고 있는데, 이 고유의 스킬들은 각각의 데이터 타입에서만 사용가능. 더욱 자세한 건 아래 링크에서 확인. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects 표준 내장 객체 - JavaScript | MDN 이 장은 JavaScript의 모든 표준 내장 객체와 그 메서드 및 속성을 나열합니다. developer.mozilla.org 문자열 프라퍼티와 메소드 문자열 메소드로는 length, charAt, split 등이 있음. var str1 = "Hello World"; str1.length; // 문..
배열 비슷한 성격을 갖고 있는 데이터 여러 개를, 한 꺼번에 하나의 변수에 넣어서 관리하기 위해 사용. var fruit = ["사과", "배", "수박"]; 보통 하나의 배열 안에는 동일한 데이터 타입의 값들을 넣어줘. 그리고 배열은 index(좌표값)을 가지고 있어. index는 0부터 시작하기 때문에, 위의 fruit 배열에서 사과는 인덱스 값이 [0], 배는 [1], 수박은 [2] 이렇게 됨. var fruit = ["사과", "배", "수박"]; console.log(fruit); // Array(3) 아래 이미지 참고 console.log(fruit[0]); // 사과 배열 안의 데이터를 바꾸고 싶다면, index로 접근해서 바꿔주면 됨. var fruit = ["사과", "배", "수박"];..
객체 : 성질과 할 수 있는 행동을 담은 자료. 지금까지 우리가 배워온 걸로는 성질은 주로 변수, 할 수 있는 행동은 주로 함수로 얘기되어 왔는데, 이 둘을 하나로 합친 자료인 객체라는 애를 만들어냄. 예를 들어서, 객체를 어피치라고 하면 [성질] 이름 : 어피치 나이 : 10대 후반 ~ 20대 초반 성별 : 자웅동체 [할 수 있는 행동] 춤추기 울기 웃기 클래스(Class) : 객체를 만들 수 있는 틀. 이모티콘이라면 말이야... 이름, 나이, 성별(성질)이 있어야 하고 엉덩이 흔들기, 모르는척 하기, 땡강부리기(행동)을 할 줄 알아야 돼. 그래서 이 객체를 찍어내는 클래스를 만들기 위해서 class 클래스이름: 으로 생성. class Emoticon 클래스 안에는 성질과 행동을 담아줘야 하니까 필드(..