찐예의 개발로그 찐예의 개발로그

javascript

• Array

  javascript 2023. 4. 13. 18:22

  * arr.splice(n, m) : 배열의 특정 요소를 지움, n번째부터 m개를 지움 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); console.log(arr);//[1, 4, 5] * arr.splice(n, m) : 배열의 특정 요소를 지우고 그 사이에 추가 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 3, 100, 200); console.log(arr);//[1, 100, 200, 5] /*두번째 인수에 0을 넣으면 아무것도 지우지 않고 중간에 새로운 요소 추가 가능함*/ let arr = ["나는", "철수", "입니다"]; arr.splice(1, 0, "대한민국", "소방관"); console.log(arr);//["나는", ..

  Read More
• String 문자형

  javascript 2023. 4. 13. 16:46

  * `` 여러줄 표현가능 /*``을 사용하면 여러줄 표현 가능*/ let desc = `오늘은 맑고 화창한 날씨가 계속 된다`; /*''를 사용하면 줄바꿈을 할때 \n을 사용해야함, 줄바꿈을 하면 오류가 남*/ let desc = '오늘은 맑고 화창한\n날씨가 계속 된다'; let desc = '오늘은 맑고 화창한//error 날씨가 계속 된다'; * length : 배열과 동일하게 문자열의 길이를 접근 가능 let desc = '안녕하세요.'; desc.length//6 * 배열과 동일하게 문자열도 [ ]와 숫자로 특정 위치에 접근 가능, 배열과 동일하게 0부터 시작, 하지만 배열과 다르게 한글자만 바꾸는 것은 안됨 let desc = '안녕하세요.'; desc[2]//'하' /*한글자만 바꾸는것 불가..

  Read More
• Number, Math

  javascript 2023. 4. 12. 23:07

  * toString() : 10진수 -> 2진수 / 16진수로 바꿔줌 let num = 10; num.toString();//10 //이때 괄호안에 숫자를 넣어 2진수 16진수로 바꿔줄 수 있음 num.toString(2);//1010 let num2 = 255; num2.toString(16);//ff * Math : 자바스크립트에는 수학과 관련되 내장 객체가 있음 대표적인 것이 Math Math.PI;//3.1415926535 - Math.ceil() : 올림 let num01 = 5.1; let num02 = 5.7; Math.ceil(num01);//6 Math.ceil(num02);//6 - Math.floor() : 내림 let num01 = 5.1; let num02 = 5.7; Math.f..

  Read More
• 심볼 Symbol

  javascript 2023. 4. 9. 18:48

  * 객체의 property key는 문자형으로 반환 가능 const obj = { 1 : "1입니다.", false : "거짓" } Object.keys(obj);//["1", "flase"] : 문자형으로 반환됨 obj["1"]//"1입니다." obj["flase"]//"거짓" * 객체의 property key는 symbol형으로도 반환 가능 - symbol은 유일한 식별자를 만들때 사용 - symbol을 만들때 설명을 붙일수도 있음 - symbol 함수는 매번 다른 symbol 값을 생성 const a = Symbol();//new를 붙이지 않음 const b = Symbol(); console.log(a);//Symbol() console.log(b);//Symbol() a === b;//false..

  Read More
• 객체Objcet에서 사용 가능한 methods와 Computed property

  javascript 2023. 4. 8. 16:48

  * Computed property : 대괄호[]로 묶어주면 문자열이 아니라 변수에 할당된 값이 들어감 let a = "age"; const user = { name : "Jin", age : 30, } /*같은 식*/ let a = "age"; const user = { name : "Jin", [a] : 30,//age : 30과 같음 }//대괄호[]로 묶어주면 a라는 문자열이 아니라 변수a에 할당된 값이 들어감 /*다른예시*/ let a = "name"; let b = "age"; const user = { [a] : "Jin", [b] : 30, } console.log(user);//{name : "Jin", "age" : 30} /*어떤것이 키가 될지 모를 때 유용함*/ function mak..

  Read More
• 생성자 함수

  javascript 2023. 4. 8. 15:06

  * 객체 리터럴 let user = { name : "Jin", age : 30, } //비슷한 객체를 여러개 만들어야하는 상황이 생김 이럴때 생성자 함수를 사용 * 생성자 함수 - 비슷한 객체를 여러개 만들어야할 때 사용 - 첫글자를 대문자로 함 - new 연산자를 사용해서 호출 function User (name, age){ this.name = name; this.age = age; } let user01 = new User("Jin", 30);//User{name : "Jin", age : 30} let user02 = new User("Tom", 10);//User{name : "Tom", age : 10} let user03 = new User("Mike", 20);//User{name : "..

  Read More
• 배열 array

  javascript 2023. 3. 28. 21:08

  * 배열 array - 순서가 있는 리스트 - index : 배열의 고유번호, 0부터 시작함 /* 1번에 민준 2번에 연석 ... 30번에 마크 */ let students = ['민준', '연석', ... '마크'] console.log(students[0]);//민준 console.log(students[1]);//연석 //배열 수정 방법 students[0] = '민정'; console.log(students);//[민정, 연석] * 배열의 특징 - 배열은 문자뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있음 let arr = [ '민수',//문자 3,//숫자 flase,//bollean {name:'mike', age : 30, },//객체 function(){ console.log('test..

  Read More
• 객체 Object의 method와 this

  javascript 2023. 3. 28. 20:43

  * method : 객체 프로퍼티(키)에 할당 된 함수 const superman = { name : 'clack', age : 33, fly : function(){ console.log('날아갑니다.'); } } //호출 superman.fly();//날아갑니다 //fly함수가 슈퍼맨 객체의 method //단축해서 작성 가능 const superman = { name : 'clack', age : 33, fly(){ console.log('날아갑니다.'); } } * 객체와 method의 관계 const user = { name : 'Mike', sayHello : function(){ console.log(`Hello, I'm ${this.name}`);//${user.name}을 사용할 수도 있..

  Read More