You will be fine

<javascript> 7. Number, String

by BFine

공부(2018~2019) - 스킨변경전/Javascript

반응형

1. Number



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var i=123.456;
i=parseInt(i); // 소수점이하 버림
console.log(i);
 
var j= new Number(123.456); 
console.log(j.toFixed(2));
 
var k= 123.456;
console.log(k.toFixed(2));
 
var k2="1234.456abc";
k2=parseInt(k2); // 실수 -> 정수  , 문자열 -> 정수
console.log(k2);
 
console.log(parseFloat("123.533"));

cs


실행

1
2
3
4
5
6
123
123.46
123.46
1234
123.533
 
cs




2.String


var s1="java program html javascript";



console.log(s1.match("/java/ig")); // 포함한 문자열의 종류


console.log(s1.match("/[0-9]/ig"));//사이에 정규표 현식 가능 /정규표현식/ig(전체)



주소 분할


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        function check(){
        var addr = document.getElementById("addr").value;
        var addrArray = addr.split(" ");
        document.getElementById("out").innerHTML=addrArray.join("<br>")
        }
 
  </script>
 
</head>
<body>
    <input type="text" id="addr" />
    <input type="button" value="주소분할" onclick="check()" />
    <div id="out"></div>
</body>
</html>
cs




3.Array


var test=new Array();

test[999]=100;

console.log(test.length); // 자동으로 동적 증가


  a5.shift();// 배열 시작 삭제

  a5.unshift("");//시작부분에 저장 

  a5.push(""); //시작부분에 추가

  a5.pop();// 끝단 삭제



  a5.shift();// 배열 시작 삭제


  a5.unshift("");//시작부분에 저장 


  a5.push(""); //시작부분에 추가


  a5.pop(); //끝단 삭제


  a5.slice(3, 5);


  a5.filter(function (a) { return a > 50;})



※ javascript  split 구분자 여러개 쓰는법, split(/:|,|-/)



실행


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <style>
        div {
            background-color: yellow;
        }
  </style>
    <script>
        var empArry = new Array();
 
        function brr(a,b) {
            return b.salary-a.salary;
          }
 
 
        function insertEmp() {
          
            var input = document.getElementById("emp").value;
            if (input=="") {
                empArry.sort(brr);
                for (var key in empArry)
                    document.getElementById("result").innerHTML += empArry[key].toString+"<br>";
            }
          var arr = input.split(/[:,\-,]/); // /안에꺼를뽑/
          var emp = new Employee(arr[0], arr[1], arr[2], arr[3]);
          empArry.unshift(emp);
        
          console.log(input);
 
    }
 
var Employee = function
 (id, name, salary, dept){
    this.id = id;
    this.name = name;
    this.salary = salary;
    this.dept = dept;
    var date = new Date();
    this.time = date.toDateString;
    this.toString=id+" "+salary+" "+dept+" "+date;
 }
 
 
  </script>
</head>
<body>
 
    <input type=text id="emp">
    <input type=button value="등록"
           onclick="insertEmp()">
    <div id="result"> </div>
 
</body>
</html>
cs






반응형

'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글

<Javascript> 9. Event, 정규표현식  (0) 2018.04.09
<javascript> 8.DOM, BOM  (0) 2018.04.06
<javascript> 6. Date, InnerHTML  (0) 2018.04.04
<jQuery> 3. Event  (0) 2018.04.02
<jQuery> 2. Method  (0) 2018.03.30

블로그의 정보

57개월 BackEnd

BFine

활동하기

티스토리툴바