본문 바로가기
반응형

전체 글241

filter - 자바스크립트 filter() 함수는 배열에서 특정 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환합니다. 이 함수는 콜백 함수를 인자로 받아서 배열의 각 요소마다 콜백 함수를 실행하고, 콜백 함수가 true를 반환하는 요소들만 새로운 배열에 포함시킵니다. filter() 함수는 원본 배열을 변경하지 않고, 새로운 배열을 반환하기 때문에, 함수를 호출한 후에도 원본 배열은 그대로 유지됩니다. arr.filter(callback(element[, index[, array]])[, thisArg]) callback: 배열의 각 요소에 대해 실행할 함수입니다. 이 함수는 element 매개변수로 현재 처리 중인 요소를 받습니다. 두 번째 매개변수로는 index가 전달될 수 있으며, 이는 현재 요소의 인덱스입니다. 마지.. Programming/Java Script 2023. 3. 20.
replace - 자바스크립트 replace() 메서드는 문자열에서 지정된 패턴에 해당하는 부분을 다른 문자열로 교체하여 새로운 문자열을 반환하는 메서드입니다. replace() 메서드는 첫 번째 인자로 찾을 문자열 혹은 정규식을, 두 번째 인자로 교체할 문자열 또는 교체를 수행하는 함수를 받습니다. const str = 'apple, banana, kiwi'; const newStr = str.replace(',', ':'); // 'apple: banana, kiwi' 위 코드는 문자열 ','를 찾아서 ':'로 교체한 결과를 반환합니다. 정규식을 이용하여 교체를 수행할 수도 있습니다. const str = 'Hello, world!'; const newStr = str.replace(/hello/i, 'Hi'); // 'Hi, w.. Programming/Java Script 2023. 3. 20.
includes - 자바스크립트 includes() 메서드는 배열이나 문자열에서 특정 요소가 포함되어 있는지 여부를 검사하여 true 혹은 false 값을 반환하는 메서드입니다. const arr = ['apple', 'banana', 'kiwi']; arr.includes('banana'); // true arr.includes('orange'); // false 위 코드는 arr 배열에 'banana' 요소가 포함되어 있으므로 true를 반환합니다. 'orange' 요소는 포함되어 있지 않으므로 false를 반환합니다. 문자열에서도 includes() 메서드를 사용할 수 있습니다. const str = 'Hello, world!'; str.includes('world'); // true str.includes('foo'); // f.. Programming/Java Script 2023. 3. 19.
sort - 자바스크립트 sort()는 배열의 요소를 정렬하는 메서드입니다. 이 메서드는 기본적으로 오름차순으로 정렬하며, 인자로 비교 함수를 전달하여 정렬 방식을 바꿀수 있습니다. const arr = [3, 1, 2]; arr.sort((a,b) => a - b); // [1, 2, 3] arr.sort((a,b) => a - b)는 arr 배열의 요소를 오름차순으로 정렬하여 반환합니다. const arr = [22, 11, 2, 9, 1, 5]; arr.sort(); // [1, 11, 2 ,22 ,5 ,9] 숫자 배열에 sort() 수행 시, 숫자를 문자열로 변환하여 정렬을 합니다. 문자열 11은 2보다 작기 때문에 아래와 같이 숫자 크기대로 정렬되지 않습니다. 비교 함수를 전달하여 정렬 방식을 바꿀수 있습니다. 비교 함.. Programming/Java Script 2023. 3. 18.
for... in, for... of - 자바스크립트 기본 for문과 마찬가지로 for...in과 for...of은 모두 반복문입니다. 그러나 각각의 반복문은 다른 형태의 데이터를 반복하는 데 사용됩니다. for...in 반복문은 객체의 속성을 반복하는 데 사용됩니다. 이 반복문은 객체의 속성 이름을 반복하며, 각각의 속성에 대한 값을 얻으려면 해당 속성 이름을 사용하여 객체에 접근해야 합니다. const obj = { a: 1, b: 2, c: 3 }; for (let prop in obj) { console.log(prop); // "a", "b", "c" console.log(obj[prop]); // 1, 2, 3 } for...in 반복문은 객체의 속성을 반복하는 데 사용되지만, 배열에서도 사용이 가능합니다. 그러나 배열에서 for...in 반복문.. 카테고리 없음 2023. 3. 17.
반응형

티스토리툴바