본문 바로가기

자바스크립트

 (50)
변수 const 'const'로 선언된 변수에는 재할당(reassignment)이 금지되지만, 'const'로 선언된 배열과 객체의 경우 새로운 요소를 추가하거나 삭제할 수 있습니다. 하지만 여전히 재할당은 금지됩니다. 구글 스타일 가이드에서는 Declare all local variables with either const or let. 모든 지역 변수들을 const나 Let 으로 선언하세요. Use const by default, unless a variable needs to be reassigned. The var keyword must not be used. const를 default로 쓰세요. 재할당이 필요한 경우를 제외하고요. var 키워드는 절대 쓰지 마세요!! 라고 말하고 있다. 어딘가에서 본 기억으로는..
배열 arr.slice / arr.splice / arr.join 다시보기 배열 코플릿을 풀면서 헷갈렸던 것들을 다시 알아보는 시간 ! arr.slice() 어떤 배열의 처음부터 끝까지 (끝 미포함)에 대한 얕은 복사본을 새로운 배열로 반환한다. 원본 배열은 바뀌지 않는다. arr.slice(begin, end) arr.slice는 두가지 매개변수를 가질 수 있는데, 둘다 optional이다. begin 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다. slice(-2) 는 배열에서 마지막 두 개의 엘리먼트를 추출한다. 배열에서 마지막 엘리먼트를 지우고 싶다면 slice(0, -1)을 하면 된다. 마지막 요소만 남기고 싶다면 slice(-1) 아예 똑같은 배열을 복사하고 싶다면, arr.slice() 혹은 arr.slice(0)을 하면 된다. 첫번째 매개변수가 undefine..
Spread syntax/Rest parameter/Destructing Spread 문법 빵에 잼을 spread해서 바르는것 처럼... 물에 잉크 떨어트리면 spread 하는 것처럼.... 배열을 풀어서 인자로 전달하거나 배열을 풀어서 각각의 요소로 넣을 때 사용하는 문법 Spread 문법은 배열에서 강력한 힘을 발휘한다. 배열을 합치거나, 복사하거나, 여러 개의 배열을 이어붙이거나, 여러개의 객체를 병합하거나 하는데에 사용할 수 있다. 1. 배열 합치기 let fruits = ['kiwi', 'banana']; let fruitBasket = ['apple', ...fruits, 'watermelon', 'plum']; // fruitBasket의 값은 ['apple', 'kiwi', 'banana', 'watermelon', 'plum']; let arr1 = [1,2,..
객체, 배열 코딩앙마 유튜브 정리 Object - 접근, 추가, 삭제 const hamster = { name:'crybaby', age: 26, } 접근 hamster.name //'crybaby' hamster['age'] // 26 추가 hamster.gender ='nogender'; hamster['color']='black'; 삭제 delete hamster.color; 존재하지 않는 프로퍼티를 출력하면 undefined가 나온다. hamster.birthDay // undefined in 연산자를 사용하면 true, false로 존재여부를 알 수 있다. 'birthDay' in hamster; // false 'age' in hamster; // true for ... in 반복문을 사용하면 객체를 순회하면서 값을 얻을 수 ..
스코프와 클로저 스코프 범위가 중괄호(블록) 또는 함수에 의해 나뉘어지고, 그 범위를 스코프라고 부릅니다. 변수 접근 규칙에 따른 유효 범위로 사용합니다. 프로그래밍 언어에서 유효범위는 어느 범위까지 참조하는 지를 뜻합니다. 유효 범위의 종류에는 크게 두 가지가 있습니다. 전역 스코프 (Global scope) : 스크립트 전체에서 참조되는 것을 의미하며, 어느 곳에서든 참조 됩니다. 지역 스코프 (Local scope) : 정의된 함수 내에서만 참조되는 것을 의미하며, 밖에서는 참조 되지 않습니다. 스코프의 규칙 1. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능합니다. 반면에, 안쪽에서 선언한 변수는 바깥쪽 스코프에서는 사용할 수 없습니다. 2. 스코프는 중첩이 가능합니다. 스코프는 마치 중첩된 울타리와..
원시 자료형과 참조 자료형(Primitive type & Reference type) 원시 자료형(primitive data type) 객체가 아니면서 method를 가지지 않는 6가지의 타입: number, string, bigint, boolean, null, undefined; number: 숫자 2 string: 문자열 "hi" bigint: 이의 제약 없이 정수를 다룰 수 있게 해주는 숫자형 boolean: true false undefined: 값이 할당되지 않았을 때 symbol: 심볼 (null): 비어있음을 뜻합니다. 값을 고의적으로 비어있게 만들 수 있습니다. bigint 참고자료: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/BigInt BigInt - JavaScript |..
객체(Object) 각기 다른 값을 가질 수 있지만, 입력해야하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있습니다. 공통적인 속성을 가지는 경우 객체를 사용합니다. > 회원 주소록을 만들어 본다고 가정해보면, 한 사람에 대한 여러가지 정보가 들어간다. 예를들어 이름, 이메일, 사는 도시....등 하지만 이러한 사람들의 정보가 여러개라면 객체를 사용하는 것이 좋음. 객체는 주소록에 적합한 자료 구조이다. 객체의 선언은 다음과 같다. // 객체는 키와 값 쌍(key-value pair)으로 이루어져 있습니다. let user = { // 중괄호(curly bracket)을 이용해서 객체를 만듭니다 firstName: 'Bryan',// lastName - 키(key) lastName: 'Teo'..
배열 대량의 정보를 보관하고 관리할 수 있는 배열에 대해 학습해봅시다. 배열: 순서가 있는 값 값: 요소(element) 순서: 인덱스(index) ex) 0번째 인덱스의 값, 1번째 인덱스의 값... 배열은 대괄호(square bracket):[]을 이용해서 만든 후 각각의 원소(element)는 쉼표(comma)로 구분해줍니다. 값은 인덱스를 이용해서 접근합니다. let number = [23, 34, 12, 25]; //"number라는 배열의 3번째 인덱스"를 조회하려면 number[3]; // 12 //"number라는 배열의 3번째 인덱스"의 값을 변경하려면 number[3] = 486; number; // [23, 34, 486, 25]; 연습 let fruits = [ 'goldkiwi', 'o..
반응형

티스토리툴바