๐ŸŸฉ Frontend-HTML & CSS & +JS/๐Ÿ”ฐJavaScript

5. ๋ฐฐ์—ด ๊ฐ์ฒด์˜ ๋ฉ”์†Œ๋“œ (push,pop,shift๋“ฑ)

ramen2 2024. 10. 2. 20:15
๋ฐ˜์‘ํ˜•

๐Ÿ“Œ ๋ฐฐ์—ด ๊ฐ์ฒด์˜ ๋ฉ”์†Œ๋“œ

- push(): ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€
- pop(): ๋ฐฐ์—ด์˜ ๋งˆ์ง€๋ง‰ ์ฃผ์†Œ์— ์žˆ๋Š” ๊ฐ’์„ ์ œ๊ฑฐ 
- shift(): ๋ฐฐ์—ด์˜ ์ฒซ๋ฒˆ์งธ ์ฃผ์†Œ์— ์žˆ๋Š” ๊ฐ’์„ ์ œ๊ฑฐ 
- concat() : ๋‘ ๊ฐœ์˜ ๋ฐฐ์—ด์„ ํ•ฉ์นจ
- join() : ๋ฐฐ์—ด ์š”์†Œ ์‚ฌ์ด์— ์›ํ•˜๋Š” ๋ฌธ์ž๋ฅผ ์‚ฝ์ž… 
- reverse() : ๋ฐฐ์—ด์„ ์—ญ์ˆœ์œผ๋กœ ์žฌ๋ฐฐ์น˜
- sort() : ๋ฐฐ์—ด์„ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌ

 

 

| ์˜ˆ์‹œ์ฝ”๋“œ

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>

<body>
    <script>
        'use strict';
        let arr1 = ['๊น€์‚ฌ๊ณผ', 20, 160.5, true];
        console.log(arr1);

        console.log('-----------');

        arr1.push('์—ฌ์ž');
        console.log(arr1);

        console.log('-----------');

        arr1.shift();
        //shift(): ๋ฐฐ์—ด์˜ ์ฒซ๋ฒˆ์งธ ์ฃผ์†Œ์— ์žˆ๋Š” ๊ฐ’์„ ์ œ๊ฑฐ 
        console.log(arr1);

        console.log('-----------');
        let arr2 = ['๊น€์‚ฌ๊ณผ', '์„œ์šธ', 'ํ•™์ƒ'];

        let arr = arr1.concat(arr2);
        //concat() : ๋‘ ๊ฐœ์˜ ๋ฐฐ์—ด์„ ํ•ฉ์นจ //๋‘๊ฐœ๊ฐ€ ํ•ฉ์น ๋ฐฐ์—ด = ์›๋ž˜๋ฐฐ์—ด.concat(ํ•ฉ์น ๋ฐฐ์—ด);
        console.log(arr);

        console.log('-----------');
        arr2 = arr2.join("|")
        //join() : ๋ฐฐ์—ด ์š”์†Œ ์‚ฌ์ด์— ์›ํ•˜๋Š” ๋ฌธ์ž๋ฅผ ์‚ฝ์ž… (| ์‚ฝ์ž…)
        console.log(arr2);

        console.log('-----------');
        let arr3 = ['c','b','a','z','o'];
        // sort() : ๋ฐฐ์—ด์„ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌ
        arr3.sort();
        console.log(arr3);
        
        console.log('-----------');
        // reverse() : ๋ฐฐ์—ด์„ ์—ญ์ˆœ์œผ๋กœ ์žฌ๋ฐฐ์น˜
        arr3.reverse();
        console.log(arr3);

        
    </script>



</body>

</html>

 


| ๊ฒฐ๊ณผ

 

๋ฐ˜์‘ํ˜•