효니 TIL

스코프란?변수에 접근할 수 있는 범위를 말합니다.스코프는 전역 스코프와 지역 스코프로 나눌 수 있는데전역 스코프(global scope)는 어디에서든 해당 변수에 접근이 가능합니다. (전역 변수)지역 스코프(local scope)는, 한정적인 범위에서만 해당 변수에 접근이 가능합니다. (지역 변수)지역 스코프에는 함수 스코프와 블록 스코프가 있습니다. 전역 스코프(global scope)let globalName = 'global name';{console.log(globalName);} //globalNameconsole.log(globalName); // globalName전역 스코프는 블록 밖에서 선언되므로블록 안 또는 블록 밖에서 출력해도 내용을 확인할 수 있습니다.전역 변수들은 웹페이지가 실행..

Javascript에서 변수를 선언할 수 있는 키워드는 let입니다.(ES6에 추가된 문법)let이전에는 var을 사용했지만 var 사용을 권장하지 않는 이유에 대해 알아보겠습니다. 변수 선언 후 중복 가능var name = 'Hyoni';console.log(name); //Hyonivar name = 'Bob'; //Bobconsole.log(name);var를 사용하면 이미 선언된 변수를 중복해서 선언할 수 있습니다. 선언되지 않은 변수 참조 가능console.log(age); // 출력: undefinedage = 4; // 값 할당var age; // 변수 선언정상적인 코드라면 변수를 선언하고 값을 할당한 뒤 출력해야 합니다. 위 코드는 출력했을 때 변수가 선언되어 있지만 값은 undefin..

이전 포스팅에서배열의 특정 값 index를 찾는 방법을 알아보았습니다.[JavaScript] 배열 특정 값 인덱스(index) 찾기(1) - indexOf()[JavaScript] 배열 특정 값 인덱스(index) 찾기(2) - lastIndexOf()[JavaScript] 배열 특정 값 인덱스(index) 찾기(3) - findIndex() 이번 포스팅에서는find()와 filter() 메서드를 이용해배열에서 특정 값 찾는 방법을 알아보겠습니다. 배열 특정 값 찾기 - find(), filter()1. find()2. filter() 1. find()arr.find(callback[, thisArg])find() 메서드는 배열에서 특정 값을 찾는 조건을 callback함수를 통해 전달하여,조건에 만족..

indexOf(), lastIndexOf(), findIndex() 메서드를 이용하여특정 값 index를 찾을 수 있습니다. 배열에서 특정 값 index를 찾는 방법을 알아보고 있습니다.[JavaScript] 배열 특정 값 인덱스(index) 찾기(1) - indexOf()[JavaScript] 배열 특정 값 인덱스(index) 찾기(2) - lastIndexOf() 배열 특정 값 인덱스(index) 찾기 - findIndex()findIndex() 메서드를 이용하여배열에서 특정 값의 index를 찾는 방법을 알아보겠습니다. findIndex()findIndex(callbackFn)findIndex(callbackFn, thisArg)findeIndex() 메서드는 배열에서 값을 찾는 조건을 callb..

indexOf(), lastIndexOf(), findIndex() 메서드를 이용하여특정 값 index를 찾을 수 있습니다. 이전 포스팅에서 indexOf() 메서드를 이용한 방법을 알아보았습니다.[JavaScript] 배열 특정 값 인덱스(index) 찾기(1) - indexOf() 배열 특정 값 인덱스(index) 찾기 - lastIndexOf()이 포스팅에서는 lastIndexOf() 메서드를 이용하여배열에서 특정 값의 index를 찾는 방법을 알아보겠습니다. lastIndexOf()arr.lastIndexOf(searchElement[, fromIndex])indexOf가 처음 발견되는 문자열에 대한 index를 반환하는 반면,lastIndexOf는 배열 내에서 찾고자 하는 값과 정확하게 일치하..

indexOf(), lastIndexOf(), findIndex() 메서드를 이용하여특정 값 index를 찾을 수 있습니다. 배열 특정 값 인덱스(index) 찾기 - indexOf()이 포스팅에서는 indexOf() 메서드를 이용하여배열에서 특정 값의 index를 찾는 방법을 알아보겠습니다. 1. indexOf()arr.indexOf(searchElement[, fromIndex])indexOf() 메서드는 배열 내에서 찾고자 하는 값과 정확하게 일치하는 첫 번째 요소의 index를 반환합니다.찾으려는 값이 배열에 존재하지 않으면 -1을 반환합니다.indexOf() 메서드는 ===연산자를 사용하여 비교하며,타입과 값이 모두 동일한 값이어야 같은 값으로 처리합니다. searchElement배열에서 ..

배열 특정 값으로 채우기배열을 특정 값으로 채우는 fill() 메서드에 대해 알아보겠습니다. fill()fill(value)fill(value, start)fill(value, start, end) fill() 메서드는 배열의 시작 index부터 종료 index 전까지(end index 미포함) value값으로 채웁니다. value배열을 채울 값입니다. start배열을 채울 시작 indexstart가 생략된 경우 기본값은 0입니다. endvalue값을 채울 배열의 종료 index입니다.end가 생략되면 기본값은 배열의 길이(array.length)입니다. 반환값value로 채워진 변경된 배열을 반환합니다. 예제 1)const arr1 = [1, 2, 3, 4];arr1.fill('A');con..

배열 자르기배열의 일부분을 잘라 새로운 배열로 반환하기 위해서는 slice() 메서드를 사용합니다. slice()arr.slice([begin[, end]])slice() 메서드는 잘라낼 배열의 시작 index부터 종료 index를 인자(매개변수, Parameter)로 받아(end index미포함)그 사이 요소들을 새로운 배열로 반환합니다.원본 배열은 변경되지 않습니다. begin잘라낼 배열의 시작 index(0을 시작으로 하며, 음수 인덱스는 배열의 끝에서부터의 길이를 나타냅니다.) end잘라낼 배열의 종료 indexend index는 잘라낼 배열에 포함되지 않습니다.end index가 생략되면 begin index부터 배열의 끝까지(arr.length) 잘라냅니다.만약 end 값이 배열의 길이..

concat() 메서드와 ...spread operator(전개 연산자), push() 메서드를 사용해배열을 합치는 방법을 알아보겠습니다. 1. concat() 메서드2. ...spread operator(전개 연산자)3. push() 메서드와 spread operator 1. concat()concat([valueN])Array 인스턴스의 concat() 메서드는 인자(매개변수, Parameter)로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. (기존 배열은 변경되지 않습니다.) valueN새 배열로 연결할 배열 또는 값 반환값새로운 배열 const arr = ['a', 'b', 'c'];const newArr = arr.concat(['d', 'e', 'f']);console..

[JavaScript] 배열 앞, 뒤에 요소 추가, 삭제하기 - unshift(), push(), shift(), pop()[JavaScript] 배열의 첫 번째 값, 마지막 값 가져오기 배열의 중간에 요소를 추가, 삭제하는 방법을 알아보겠습니다. 배열의 중간에 요소 추가, 삭제하기배열의 중간에 요소를 추가, 삭제하기 위해서는 splice() 메서드를 사용합니다. splice()array.splice(start[, deleteCount[, item1[, item2[, ...]]]])splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나새 요소를 추가하여 배열의 내용을 변경합니다. start배열의 변경을 시작할 index deleteCount배열에서 제거할 요소의 수start index부터 d..