본문 바로가기

JavaScript/JavaScript기초

 (35)
[Javascript] 배열의 메서드2 요소 제거와 splice 배열 자체의 제거가 아닌 요소 제거는 인덱스를 참조해 제거할 수 있음 let animals = ["dog","cat","rat"] delete animals[2] //두번째 요소인 "rat"을 삭제(삭제한 요소는 반환되지 않음) console.log(animals) //배열의 크기는 줄어들지 않고 삭제한 요소의 자리는 비어있음 삭제한 요소의 자리도 완전히 삭제하고 싶을 시 splice 메서드를 사용 let animals = ["dog","cat","rat"] animals.splice(2,1) // 인덱스 2 부터 1개의 요소 제거 console.log(animals) splice를 사용해 삭제한 위치에 데이터를 교체할 수도 있음 let animals = ["dog","cat",..
[Javascript] 배열의 메서드1 pop , push , shift 그리고 unshift pop() : 배열 끝 요소를 제거하고 제거한 요소를 반환 let li = ["London","Paris","Rome","NewYork"] let city = li.pop() // li의 마지막 요소인 "NewYork"를 반환 후 city 에 할당 console.log(li) console.log(city) push() : 배열 끝에 요소를 추가 let li = ["London","Paris","Rome","NewYork"] let city = "Seoul" li.push(city) // li의 마지막에 city 를 추가 console.log(li) shift() : 배열 앞 요소를 제거하고 , 제거한 요소를 반환 let li = ["London",..
[Javascript] 숫자형 숫자를 입력하는 방법 20억을 입력해야 할 때 아래와 같이 입력할 수 있음 let bil = 20000000000 하지만 0 이 너무 많아 보기도 불편하고 실수 할 수 있어서 아래와 같이 바꿔 입력할 수 있음 let bil = 2e9 // 2 와 뒤에 0 9개를 입력한다는 의미 e는 왼쪽의 수에 오른쪽의 숫자만큼 10의 거듭제곱을 곱함 e- 를 붙이면 오른쪽의 숫자만큼 10의 거듭제곱을 나눔 1e-4 === 0.0001 //true 1e-3 === 1 / 1000 //true 16 , 8 , 2진수의 입력 16진수 : 0x를 앞에 붙혀서 표현 8진수: 0o를 앞에 붙혀서 표현 2진수: 0b를 앞에 붙혀서 표현 let 0xFF // 10진수 255를 표현 let 0o377 // 8진수 255를 표현 let..
[Javascript] 객체 - 메서드와 this 객체의 메서드와 this 객체는 고객 , 자동차 와 같이 실제 존재하는 개체(entity)를 표현할 때 사용됨. 개체, 예를들면 고객은 현실에서 물건사기, 반품하기 등 특정한 행동을 하므로 객체를 통해 이러한 행동을 표현 할 수 있어야 함 이러한 행동을 객체로 표현하기 위해 객체의 프로퍼티에 함수를 할당해 메서드로 사용할 수 있음 메서드 생성 객체 customer 를 생성하여 물건을 구매할 수 있는 메서드를 생성 let customer = { name:"park", age:20, buy:function(){ console.log("물건 구매") } } customer.buy() 메서드 단축 구문을 사용하여 더 깔끔한 코드로 할당할 수 있음 let customer = { name:"park", age:20..
[Javascript] 객체 객체란? 여러 속성을 하나의 데이터에 저장하는 key와 value로 이루어져 있는 구조. 중괄호{ ... }를 사용해 만들 수 있고 중괄호 안에는 'key : value' 쌍으로 구성되어 있는 프로퍼티(property) 를 넣을 수 있음 키에는 문자형이 허용되고 값에는 모든 자료형이 허용이 됨 객체의 선언 객체를 선언하는 방법에는 객체 생성자, 객체 리터럴 문법 2가지가 있음 let obj = new Object(); // 객체 생성자 문법 let obj = {}; // 객체 리터럴 문법 객체 프로퍼티 CRUD(Create, Read, Update, Delete) 프로퍼티( key, value ) 생성(Create) let person = { // 객체를 선언하며 프로퍼티도 할당 firstName:'so..
[Javascript] 배열과 객체의 Copy 배열과 객체의 Copy 하나의 배열 또는 객체를 다른 변수에 copy 하고 싶을 때 변수에 그냥 할당할 경우 아래와 같은 상황이 발생 let obj = {name:"hong"} let obj2 = obj let arr = ['a','b','c'] let arr2 = arr obj.name = 'park' arr[0] = 'd' console.log(obj2) console.log(arr2) 이러한 현상이 발생하는 이유는 객체와 배열의 데이터만 복사한게 아니라 객체와 배열 그 자체를 copy한것이기 때문에 서로 영향을 받는것임. 데이터만 copy하고 싶을경우 객체는 {...변수명} , 배열은 [...변수명] 을 통해 변수 그 자체가 아닌 데이터만 copy해올 수 있음 let obj = {name:"hong..
[Javascript] 반복문 반복문이란? 같거나 비슷한 코드들을 여러번 실행 시켜야 할 때 중복 코드들을 제거 해 줄 수 있는 구문 let sum = 0; sum += 1; sum += 2; sum += 3; sum += 4; sum += 5; 위와 같은 코드들은 반복적인 작업을 수행하므로 반복문을 이용하여 코드의 길이를 줄일 수 있음 반복문의 종류 반복문의 종류에는 for 문과 while 문이 있음 for문 for 문의 형식은 for( 조건의 초기화, 조건식, 증감문) 의 형태임. //위의 코드를 for 문으로 표현 let sum = 0; for(var i = 1; i
[Javascript] 문자열 다루기 문자열을 선언하는 방법 자바 스크립트에서 문자열을 선언하는 방법은 아래 두가지 방법이 있음 let str = '문자열'; let str = new String('문자열'); 문자열의 길이 문자열의 길이는 문자열.length 로 길이를 알아낼 수 있음 let str = 'abcde'; 문자열 합치기 문자열은 + 연산과 concat() 함수를 이용해 합칠 수 있음 let str = '안녕'; let str2 = '하세요' str , str2 를 합치기 인덱스로 문자열 접근 문자열의 위치로 문자열에 접근하는 법은 아래와 같음 let test = 'hellow'; 'hellow' 의 2번째 문자인 e 접근 주의할 점은 문자열[idx] 로 문자열의 값을 변경할 수는 없음 문자열의 검색 원하는 문자열이 있는지 검색..

티스토리툴바