8일차 자바스크립트 문법(강의 듣다가 몰랐던 내용 정리)

seul-bean·2023년 5월 23일
0

Today I learned

목록 보기
8/40
post-thumbnail

오늘의 study 목표!!!

  • JavaScript 문법 종합반 1주차

강의를 듣다가 그동안 모르고 있던 내용정리!!

//데이터타입
// 1. 숫자
// 1-5. -Infinity(무한대)
let num6 = -1 / 0;
console.log(num6);
console.log(typeof num6);

-Infinity는 처음봤다...

// 2-2. 문자열 결합하기
let str1 = 'Hello, ';
let str2 = 'world!';
let result = str1.concat(str2);
console.log(result);

concat을 이용해서 프로그래머스 '문자열 섞기'를 풀어 보았다!!
<문제>
길이가 같은 두 문자열 str1과 str2가 주어집니다.

두 문자열의 각 문자가 앞에서부터 서로 번갈아가면서 한 번씩 등장하는 문자열을 만들어
return 하는 solution 함수를 완성해 주세요.

let answer=""
function solution(str1, str2) {
    for (let i=0; i<str1.length; i++){
        answer += str1[i].concat(str2[i])
    }
  return answer;
}
// 2-3. 문자열 자르기
let str3 = 'Hello, World!';
console.log(str3.substr(7, 5)); // (7)시작 위치부터 (5)몇 개까지 잘라라
console.log(str3.slice(7, 12)); // (7)시작 위치부터 (12)끝 위치까지 잘라라

// 2-4. 문자열 검색
let str4 = 'Hello, World';
console.log(str4.search('World'));

// 2.5 문자열 대체
let str5 = 'Hello, World';
let result01 = str5.replace('World', 'Javascript');
console.log(result01);

문자열은 거의 모르는듯 하다...

// forEach, map, filter, find
let numbers = [1, 2, 3, 4, 5];

// 매개변수 자리에 함수를 넣는 것 : 콜백 함수
numbers.forEach(function (item) {
  console.log('item입니다 => ' + item);
});

// (2) map : 기존에 있던 배열을 가공하여 새로운 배열을 새로운 배열을 생산
// (2) map : 항상 원본 배열의 길이만큼이 return 된다.
let newNumbers = numbers.map(function (item) {
  return item * 2;
});

console.log(newNumbers);

let numbers1 = [4, 1, 5, 4, 5];

let filterdnumbers = numbers1.filter(function (item) {
  return item > 3;
});
console.log(filterdnumbers);

let numbers2 = [4, 1, 5, 4, 5];

let result = numbers2.find(function (item) {
  return item > 3;
});
console.log(result);
profile
안녕하세요 성장하는 새싹 프론트엔드 개발자 입니다🌱

0개의 댓글