Javascript Basic [ForLoop - replit 30 : getAllLetters]

Seong Ho Kim·2023년 9월 30일
0

Javascript Basic - replit

목록 보기
30/41
post-thumbnail

Javascript Assignment 30 - [getAllLetters]

1) ForLoop - getAllLetters

Assignment

한 개 이상의 문자로 이루어진 문자열 데이터가 있다고 가정해봅니다. 
아래와 같은 문자열에서 한 글자씩 출력하고 싶다면 어떻게 할 수 있을까요?

const sentence = "You are already in our community!";

문자열에서도 마치 배열에서처럼 인덱스를 이용해 접근할 수 있습니다. 
문자열의 첫번째 글자와 두번째 글자에 접근해보겠습니다.

console.log(sentence[0]) // 'Y'
console.log(sentence[1]) // 'o'

그럼 각 한 문자씩 출력하는 반복문을 한 번 만들어볼까요?

1. power 변수에 할당된 'community' 문자열을 하나씩 출력해주세요

예시)
const power = 'community';
for (let i = 0; i < power.length; i++) {
  console.log(power[i]);
}

어떤 값이 출력되나요?

'c'
'o'
'm'
'm'
'u'
'n'
'i'
't'
'y'

이렇게 문자열을 순회하면서 for loop을 구동할 수 있습니다.

Assignment - Javascript Code

unction getAllLetters(str) {
  // 아래의 코드를 수정하지 마세요.
  const strArray = [];
  // 아래에 코드를 작성해주세요
  for (let i = 0; i < str.length; i++) {
    strArray.push(str[i]);
  }
  // 아래의 코드를 수정하지 마세요.
  return strArray;
}
const output1 = getAllLetters('Radagast');
console.log(output1); // ["R", "a", "d", "a", "g", "a", "s", "t"]

Personal Assignment & Javascript Code

// 1)
const getMyNameArrLoops = name => {
  const resultArr = [];
  for (let i = 0; i < name.length; i++) {
    resultArr.push(name[i]);
  }
  return resultArr;
}
const output2 = getMyNameArrLoops('Hello Seong Ho Kim!');
console.log(output2); // ["H", "e", "l", "l", "o", " ", "S", "e", "o", "n", "g", " ", "H", "o", " ", "K", "i", "m", "!"]

// 2)
function strArrLengthLoop(name){
  let wecodeArr = [];
  for(let i =0; i < name.length; i++){
      wecodeArr.push(name[i]);
  }
  return wecodeArr;
}
const output3 = strArrLengthLoop("Hello Seong Ho Kim! wellcome to Wecode world");
console.log(output3); // ["H", "e", "l", "l", "o", " ", "S", "e", "o", "n", "g", " ", "H", "o", " ", "K", "i", "m", "!", " ", "w", "e", "l", "l", "c", "o", "m", "e", " ", "t", "o", " ", "W", "e", "c", "o", "d", "e", " ", "w", "o", "r", "l", "d"]
profile
삶을 개선하기 위해 노력하는 Junior UIUX Designer 입니다 😊

0개의 댓글