전단 의 JS
js 도입
1:
// js
alert(' !!!')
2: xx.js
주석
//
/*
*/
끝 부호
JavaScript (;) 。
선언 변수 var
var a = 10;
var a; a undefined
js 동적 유형 언어
기본 데이터 형식
수치 유형 Number
var a = 10;
undefined
typeof a;
"number"
var b = 1.11;
undefined
typeof b;
"number"
typeof a;
var c = 123e5; // 12300000
var d = 123e-5; // 0.00123
문자 형식 문자열
var a = 'alexdsb'
a
"alexdsb"
typeof a;
"string"
var a = "Hello"
var b = "world;
var c = a + b; //
console.log(c); // Helloworld
형식 변환
parseInt("123") // 123
parseInt("ABC") // NaN,NaN 。 。
parseFloat("123.456") // 123.456
:
var a = 'a123';
var b = parseInt(a);
b
NaN
typeof b;
"number"
var b = '1.11';
parseFloat(b)
1.11
문자열 상용 방법
1 .length ,
var a = 'hello';
a.length; // 5
2 .trim()
var a = ' hello ';
a.trim(); //"hello"
3 .trimLeft() .trimRight()
4 .charAt(n) n
5 .concat()
var a = 'hello';
var b = 'world';
a.concat(b) //"helloworld"
6 .indexOf()
a
"hello"
a.indexOf('e')
start ,
a.indexOf('l',3)
-1
a.indexOf('e',3) -1
7 .slice()
var a = 'hello';
a.slice(2,4)
8 .toLowerCase() #
.toUpperCase() #
:
var b = 'HH';
b.toLowerCase();
9 .split ,
var a = "hello"
a.split('e') //(2) ["h", "llo"]
a.split('e',1) //["h"]
불 값
var a = true;
var b = false;
""( )、0、null、undefined、NaN false。
null 과 undefined
null undefined
null , , name=null;
undefined , undefined。 , undefined。
null ,undefined , 。
대상 유형 object
JavaScript : 、 、 、 ... ,JavaScript 。
var a = new String('bb')
복잡 한 데이터 형식 또는 참조 데이터 형식
배열 배열
:
var a = [11,22,33];
var b = new Array([22,33])
typeof a; //object
배열 상용 방법 과 속성
1
var a = [123, "ABC"];
console.log(a[1]); // "ABC"
2 .length a.length //2
3. .push()
.pop()
var a = [11,22,33]
a.push('123'); //[11, 22, 33, "123"]
a.pop(); //"123"
a -- [11, 22, 33]
4 .unshift(ele)
.shift()
var a = [11,22,33]
a //(3) [11, 22, 33]
a.unshift('aa');
a
(4) ["aa", 11, 22, 33]
a.shift();
"aa"
a
(3) [11, 22, 33]
5 .sort
var a = [11,4,84,73];
a.sort()
(4) [11, 4, 73, 84]
function sortNumber(a,b){
return a - b;
}
a.sort(sortNumber)
(4) [4, 11, 73, 84]
function sortNumber(a,b){
return b - a
}
a.sort(sortNumber)
(4) [84, 73, 11, 4]
:
, , , , 。 a b, :
a b, a b , 0 。
a b, 0。
a b, 0 。
6 .splice() var a = [84, 73, 11, 4]; a.splice(1,2,'aa','bb','cc'); ( )
7.slice()
8. .reverse
9 join
10 .concat(val, ...)
사용자 정의 대상 {}
var a = {"name": "Alex", "age": 18};
var d = {'name':'chao',age:18};
console.log(a.name);
console.log(a["age"]);
for
var a = {"name": "Alex", "age": 18};
for (var i in a){
console.log(i, a[i]);
}
연산 자
산수 연산 자
+ - * / % ++ --
i++, i 1,i-- i 1
i++ 1 , , 1;
++i, 1 , 1,
비교 연산 자
> >= < <= != == === !==
== ( )
===
논리 연산 자
&& || ! #and,or, ( )!null true
할당 연산 자
= += -= *= /=
#n += 1 n = n + 1
공정 제어
if -else if -else
var a = 10;
if (a > 5){
console.log("a > 5");
}else if (a < 5) {
console.log("a < 5");
}else {
console.log("a = 5");
}
스위치 전환
var a = 10;
undefined
switch (a){ //switch (a++){}
case 9:
console.log('999');
break;
case 10:
console.log('101010');
break;
case 11:
console.log('111111');
break;
}
default :
var a = 20;
switch (a){
case 9:
console.log('999');
break;
case 10:
console.log('101010');
break;
case 11:
console.log('111111');
break;
default : // , default
console.log(' !!')
}
문제.
var a = 10;
switch (a){
case 9:
console.log('999');
break;
case 10:
console.log('101010');
// break;
case 11:
console.log('111111');
break;
default :
console.log(' !!')
}
for 순환
for (var i=0;i<10;i++) {
console.log(i);
}
:
var l2 = ['aa','bb','dd','cc']
1
for (var i in l2){ #i python
console.log(i,l2[i]); #l2[i]
}
2
for (var i=0;i
while 순환
var i = 0;
while (i < 10) {
console.log(i);
i++;
}
삼원 연산 자
var a = 1;
var b = 2;
var c = a > b ? a : b // a>b , c, c //python :a = x if x>y else y
함수.
//
function f1() {
console.log("Hello world!");
}
//
function f2(a, b) {
console.log(arguments); // arguments
console.log(arguments.length);
console.log(a, b);
}
//
function sum(a, b){
return a + b; // js , , return a ,b; , , return [a,b];
}
sum(1, 2); // sum(1,2,3,4,5) , , ,sum(1), , NAN
// , ,
var sum = function(a, b){ // es6 , var, , es6 , let ,
return a + b;
}
sum(1, 2);
// , , ,
(function(a, b){
return a + b;
})(1, 2); //python :ret=(lambda x,y:x+y)(10,20) print(ret)
함수 의 전역 변수 와 국부 변수
:
JavaScript ( var) , ( )。 , 。
:
, 。
:
JavaScript 。
。
。
함수 의 역할 영역
, , 。
폐쇄 하 다
var city = "BeiJing";
function f(){
var city = "ShangHai";
function inner(){
console.log(city);
}
return inner;
}
var ret = f();
대상 을 향 하 다
에 스 5 패키지 방식
function Person(name){
this.name = name;
}
var p = new Person('taibai');
p.name
"taibai"
Person.prototype.sum = function(a,b){return a+b;}
ƒ (a,b){return a+b;}
p.sum(2,3);
날짜 대상
var d1 = new Date(); //
console.log(d1.toLocaleString()); //
// 2:
var d2 = new Date("2004/3/20 11:12");
console.log(d2.toLocaleString());
var d3 = new Date("04/03/20 11:12"); # / / ( 04/03/2020)
console.log(d3.toLocaleString());
// 3: ,
var d3 = new Date(5000);
console.log(d3.toLocaleString());
console.log(d3.toUTCString());
// 4:
var d4 = new Date(2004,2,20,11,12,0,300);
console.log(d4.toLocaleString()); //
데이트 대상 의 다른 방법
var d = new Date();
//getDate()
//getDay () , (0-6), 0
//getMonth () (0-11,0 1 , )
//getFullYear ()
//getHours ()
//getMinutes ()
//getSeconds ()
//getMilliseconds ()
//getTime () ( 1970/1/1 ),
json
var str1 = '{"name": "chao", "age": 18}';
var obj1 = {"name": "chao", "age": 18};
// JSON
var obj = JSON.parse(str1);
// JSON
var str = JSON.stringify(obj1);
RegExp 정규 대상
var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$");
:
var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/;
test .
var s = 'hello'
reg1.test(s) True, false
:
reg1.test() , "undefined"
reg1.test("undefined")
기타 정규 방법
var s2 = "hello world";
s2.match(/o/g); // ["o", "o"] ,/o/g g o,
s2.search(/h/g); // 0 , , g
s2.split(/o/g); // ["hell", " w", "rld"] , ,
s2.replace(/o/gi, "s"); // "hells wsrld" g g i
var s1 = "name:Alex age:18";
s1.replace(/a/, " "); // "n me:Alex age:18"
s1.replace(/a/g, " "); // "n me:Alex ge:18"
s1.replace(/a/gi, " "); // "n me: lex ge:18"
:
var reg = /a/g;
var s = 'alex a sb';
reg.test(s); //true
reg.lastIndex; // 1
reg.test(s); //true
reg.lastIndex; // 6
reg.test(s); //false
reg.lastIndex = 0; ,
수학 계산 모듈
Math.abs(x) 。
exp(x) e 。
floor(x) 。
log(x) ( e)。
max(x,y) x y 。
min(x,y) x y 。
pow(x,y) x y 。
random() 0 ~ 1 。
round(x) 。
sin(x) 。
sqrt(x) 。
tan(x) 。
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.