1. 자바스크립트는 객체지향 프로그래밍 언어입니다
캡슐화: 관련 정보(데이터 또는 메소드)를 객체에 저장하는 기능
집계: 한 개체를 다른 개체 내에 저장하는 기능
상속: 다른 클래스(또는 클래스)에서 클래스의 속성과 메서드를 얻는 기능입니다.
다형성: 여러 형태로 실행될 수 있는 함수나 메소드를 작성하는 능력
2. 배열 객체
값 범위를 저장하려면 별도의 변수 이름을 사용하세요.
2.1 배열 객체 생성
var aValues = new Array();
var aValues = new Array(25);
var aColors = new Array("red","green","blue");
alert(aColors[1]);//输出green
aColors[0] = "white"; //修改第一个元素的值
var aColors = new Array();
aColors[0] = "red";
aColors[1] = "green";
aColors[2] = "blue";2.2 리터럴을 사용하여 배열 만들기
var aColors = ["red","green","blue"]; aColors[3]="black";
2.3 배열의 길이
var aColors = new Array("red","green","blue“);
alert(aColors.length);//输出3
var aColors = new Array("red","green","blue“);
alert(aColors.length);//输出3
aColors[20]="black";
alert(aColors.length);//输出21
alert(aColors[3]);//输出undefined 2.4 배열 탐색
var subjects=["html/css/js","Web form","ajax","N-Tiers","oracle"];
for(var i=0;i<subjects.length;i++){
alert(subjects[i]);
}
var subjects=["html/css/js","Web form","ajax","N-Tiers","oracle"];
for(var index in subjects){
alert(subjects[index]);
}2.5 배열 속성 및 메서드
length는 배열의 요소 수를 설정하거나 반환합니다.
join()은 지정된 구분 기호를 사용하여 배열의 모든 요소를 문자열로 연결합니다.
reverse()는 배열 요소의 순서를 반대로 바꿉니다.
sort()는 배열의 요소를 정렬합니다
arrayObject.sort(sortby)
매개변수는 선택사항입니다. 정렬 규칙을 지정합니다. 함수여야 합니다.
반환 값은 배열에 대한 참조입니다. 배열은 원본 배열에 따라 정렬되며 복사본이 만들어지지 않습니다.
맞춤형 정렬 규칙
다른 기준으로 정렬하려면 두 값을 비교하고 두 값의 상대적 순서를 설명하는 숫자를 반환하는 비교 함수를 제공해야 합니다.
비교 함수에는 두 개의 매개변수 a와 b가 있어야 하며 반환 값은 다음과 같습니다. a가 b보다 작으면 정렬된 배열에서 a가 b 앞에 나타나야 하고 0보다 작은 값을 반환합니다. a가 b와 같으면 0을 반환합니다. a가 b보다 크면 0보다 큰 값을 반환합니다.
concat(배열 배열)
두 개 이상의 배열을 연결하고 결과를 반환합니다.
배열 슬라이스(숫자 시작, 숫자 끝)
기존 배열에서 선택한 요소 반환
var message4 = message3.slice(0, 5);
splice()는 요소를 제거하고 배열에 새 요소를 추가합니다.
messages4.splice(0, 2, "dddd"); //0은 삭제를 시작할 요소의 위치, 2는 삭제 길이, 추가된 요소는 dddd, 삭제 위치에
추가
push()는 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.
pop()은 배열의 마지막 요소를 제거하고 반환합니다
unshift()는 배열의 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.
shift()는 배열의 첫 번째 요소를 삭제하고 반환합니다
2.6 배열의 응용
var messages = new Array("","","");
messages[0] = "beijing";
messages[1] = "shanghai";
messages[2] = "zhejiang";
messages[3] = "hunan";
for ( var index in messages) {
document.writeln("遍历数组");
document.write(messages[index]);
document.write("<br>");
}
var s = messages.join(',');
document.writeln("join数组");
document.write(s);
document.write("<br>");
messages.reverse();
for ( var index in messages) {
document.writeln("倒序后");
document.write(messages[index]);
document.write("<br>");
}
messages.sort();
for ( var index in messages) {
document.writeln("排序后");
document.write(messages[index]);
document.write("<hr>");
}
var messages2 = ["a","c","b"];
var messages3 = messages.concat(messages2);
for ( var index in messages3) {
document.writeln("合并后");
document.write(messages3[index]);
document.write("<hr>");
}
var messages4 = messages3.slice(0, 5);
for ( var index in messages4) {
document.writeln("选择slice(0,5)后");
document.write(messages4[index]);
document.write("<hr>");
}위 코드의 출력 결과는 다음과 같습니다.
배열 베이징 횡단
상하이 배열을 횡단
절강 배열 횡단
배열 후난 횡단
베이징,상하이,절강,후난 어레이 합류
후난 역순
역주문 후 절강
역주문 후 상하이
역순 이후의 베이징
베이징 분류 후
후난 분류 후
상하이 분류 후
절강 분류 후
합병 후 베이징
호남합병 후
상하이 합병 후
절강합병 후
병합 후
c 병합 후
b 병합 후
slice(0,5) 선택 후, beijing
slice(0,5) hunan 선택 후
slice(0,5) 상하이 선택 후
slice(0,5) zhejiang 선택 후
슬라이스(0,5) a를 선택한 후
3. 날짜 객체
날짜 객체는 날짜와 시간을 얻고 처리하는 데 사용됩니다.
3.1 날짜 정의
var myDate=new Date() ; var myDate=new Date(2009 , 7 , 20); //2009-08-20 var myDate=new Date(2009 , 7 , 20 , 16, 40 ,58, 999); //依次表示年月日时分秒毫秒
3.2日期对象的方法
3.2.1toXXX方法组
toString() 把 Date 对象转换为字符串。
toTimeString()
把 Date 对象的时间部分转换为字符串。
toDateString()
把 Date 对象的日期部分转换为字符串。
toGMTString() 根据格林尼治时间，把 Date 对象转换为字符串。
toUTCString() 根据世界时，把 Date 对象转换为字符串。
toLocaleString()
把 Date 对象转换为本地时间格式字符串。
toLocaleTimeString()
把 Date 对象的时间部分转换为本地时间格式字符串
toLocaleDateString()
把 Date 对象的日期部分转换为本地时间格式字符串
3.2.2getXXX方法组
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth() 从 Date 对象返回月份 (0 ~ 11)
getFullYear() 从 Date 对象以四位数字返回年份
getYear() 从 Date 对象以两位或四位数字返回年份。
getHours() 返回 Date 对象的小时 (0 ~ 23)
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
getSeconds() 返回 Date 对象的秒数 (0 ~ 59))
getMilliseconds()
返回 Date 对象的毫秒(0 ~ 999)
getTime() 返回 1970 年 1 月 1 日至今的毫秒数
3.2.3setXXX方法组
setDate() 设置 Date 对象中月的某一天 (1 ~ 31))
setMonth() 设置 Date 对象中月份 (0 ~ 11))
setFullYear() 设置 Date 对象中的年份（四位数字）
setYear() 设置 Date 对象中的年份（两位或四位数字）。
setHours() 设置 Date 对象中的小时 (0 ~ 23)
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)
setMilliseconds()
设置 Date 对象中的毫秒 (0 ~ 999)
setTime() 通过向时间原点添加或减去指定毫秒数来计算日期和时间
四、String对象
String对象表示Unicode字符的序列。
String 对象的 length 属性声明了该字符串中的字符数。
String 类定义了大量操作字符串的方法。
4.1属性
length 字符串的长度
4.2与字符串格式控制相关的方法
big()、small() 用大号字体、小字号体显示字符串。
bold() 使用粗体显示字符串。
italics() 使用斜体显示字符串。
strike() 使用删除线来显示字符串。
fontcolor() 使用指定的颜色来显示字符串。
fontsize() 使用指定的尺寸来显示字符串。
sub()、sup() 把字符串显示为下标、上标。
toLowerCase()、toUpperCase()
把字符串转换为小写、大写。
fixed() 以打字机文本显示字符串。
link() 将字符串显示为链接。
anchor() 创建 HTML 锚。
4.3与字符串内容操作相关的方法
charAt() 返回在指定位置的字符。
charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
concat() 连接字符串。
fromCharCode()
从字符编码创建一个字符串。
indexOf()、lastIndexOf()
从前向后检索字符串。从后向前搜索字符串。
localeCompare()
用本地特定的顺序来比较两个字符串。
match() 找到一个或多个正在表达式的匹配。
replace()、search()
替换、检索与正则表达式匹配的子串。
slice() 提取字符串的片断。
split() 把字符串分割为字符串数组。
substr() 从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
4.4应用
var strings = new String("AbcDEfG");
document.write("strings中的字符串值：");
document.write(strings);
document.write('<hr>');
document.write("strings.big()大号字体显示：");
document.write(strings.big());
document.write('<hr>');
document.write("strings.small()小号字体显示：");
document.write(strings.small());
document.write('<hr>');
document.write("strings.bold()粗体显示：");
document.write(strings.bold());
document.write('<hr>');
document.write("strings.italics()斜体显示：");
document.write(strings.italics());
document.write('<hr>');
document.write("strings.strike()删除线显示：");
document.write(strings.strike());
document.write('<hr>');
document.write("strings.fontcolor('green')指定颜色显示：");
document.write(strings.fontcolor('green'));
document.write('<hr>');
document.write("strings.fontsize(10)指定大小显示：");
document.write(strings.fontsize(10));
document.write('<hr>');
document.write("strings.sub()下标显示：");
document.write("123"+ strings.sub());
document.write('<hr>');
document.write("strings.sup()上标显示：");
document.write("123"+strings.sup());
document.write('<hr>');
document.write("strings.toLocaleLowerCase()小写显示：");
document.write(strings.toLocaleLowerCase());
document.write('<hr>');
document.write("strings.toLocaleUpperCase()大写显示：");
document.write(strings.toLocaleUpperCase());
document.write('<hr>');
document.write("strings.fixed()打字机文本显示：");
document.write(strings.fixed());
document.write('<hr>');
document.write("strings.link()链接显示：");
document.write(strings.link());
document.write('<hr>');
document.write("strings.anchor()创建HTML锚显示：");
document.write(strings.anchor());
document.write('<hr>');
document.write("strings.charAt(2)返回指定位置的字符：");
document.write(strings.charAt(2));
document.write('<hr>');
document.write("strings.charCodeAt(2)返回指定位置的字符的unicode编码：");
document.write(strings.charCodeAt(2));
document.write('<hr>');
document.write("strings.concat('higkL')连接字符串：");
document.write(strings.concat("higkL"));
document.write('<hr>');
document.write("String.fromCharCode(98)静态方法从字符编码创建一个字符串：");
document.write(String.fromCharCode(98));
document.write('<hr>');
document.write("strings.indexOf('G', 1)从指定1处开始从前向后检索字符，返回一个位置值：");
document.write(strings.indexOf('G', 1));
document.write('<hr>');
document.write("strings.lastIndexOf('G', 1)从指定1处开始从后向前检索字符，找不到指定字符位置返回-1.返回一个位置值：");
document.write(strings.lastIndexOf('G', 1));
document.write('<hr>');
document.write("strings.localeCompare('ABcdEfG')：'ABcdEfG'从第0个位置开始比较'AbcDEfG'，如果两个字符串完全相同返回0，被比较的字符串ASSIC码值要小，则返回-1，大则返回1。用本地特定的顺序来比较两个字符串:");
document.write(strings.localeCompare("ABcdEfG"));
document.write('<hr>');
document.write("strings.match('[a-z]{2}')：'AbcDEfG'，返回值为bc，表示匹配到了。匹配不到返回null。找到一个或多个正则表达式的匹配:");
document.write(strings.match('[a-z]{2}'));
document.write('<hr>');
document.write("strings.search('[a-z]')：'AbcDEfG'，返回值为下标1，表示检索到了。匹配不到返回-1。找到一个或多个正则表达式的匹配:");
document.write(strings.search('[a-z]'));
document.write('<hr>');
document.write('strings.slice(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：');
document.write(strings.slice(2, 3));
document.write('<hr>');
document.write('strings.substring(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：');
document.write(strings.substring(2, 3));
document.write('<hr>');
以上代码输出为
strings中的字符串值：AbcDEfG
strings.big()大号字体显示：AbcDEfG
strings.small()小号字体显示：AbcDEfG
strings.bold()粗体显示：AbcDEfG
strings.italics()斜体显示：AbcDEfG
strings.strike()删除线显示：AbcDEfG
strings.fontcolor('green')指定颜色显示：AbcDEfG
strings.fontsize(10)指定大小显示：AbcDEfG
strings.sub()下标显示：123AbcDEfG
strings.sup()上标显示：123AbcDEfG
strings.toLocaleLowerCase()小写显示：abcdefg
strings.toLocaleUpperCase()大写显示：ABCDEFG
strings.fixed()打字机文本显示：AbcDEfG
strings.link()链接显示：AbcDEfG
strings.anchor()创建HTML锚显示：AbcDEfG
strings.charAt(2)返回指定位置的字符：c
strings.charCodeAt(2)返回指定位置的字符的unicode编码：99
strings.concat('higkL')连接字符串：AbcDEfGhigkL
String.fromCharCode(98)静态方法从字符编码创建一个字符串：b
strings.indexOf('G', 1)从指定1处开始从前向后检索字符，返回一个位置值：6
strings.lastIndexOf('G', 1)从指定1处开始从后向前检索字符，找不到指定字符位置返回-1.返回一个位置值：-1
strings.localeCompare('ABcdEfG')：'ABcdEfG'从第0个位置开始比较'AbcDEfG'，如果两个字符串完全相同返回0，被比较的字符串ASSIC码值要小，则返回-1，大则返回1。用本地特定的顺序来比较两个字符串:-1
strings.match('[a-z]{2}')：'AbcDEfG'，返回值为bc，表示匹配到了。匹配不到返回null。找到一个或多个正则表达式的匹配:bc
strings.search('[a-z]')：'AbcDEfG'，返回值为下标1，表示检索到了。匹配不到返回-1。找到一个或多个正则表达式的匹配:1
strings.slice(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：c
strings.substring(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：c5. 수학 객체
Math 개체는 수학 상수와 수학 연산을 수행하기 위한 정적 메서드를 나타내는 많은 정적 읽기 전용 속성을 포함하는 수학 도구입니다.
E 상수 e, 자연 로그의 밑(대략 2.718과 동일)
LN2는 2의 자연 로그를 반환합니다(대략 0.693과 동일)
LN10은 10의 자연 로그를 반환합니다(대략 2.302와 동일)
LOG2E는 e의 밑이 2인 로그(약 1.414)를 반환합니다
LOG10E는 e의 밑이 10인 로그(약 0.434)를 반환합니다
PI는 pi를 반환합니다(대략 3.14159와 동일)
SQRT1_2는 2를 1로 나눈 제곱근(약 0.707)을 반환합니다.
SQRT2는 2의 제곱근을 반환합니다(약 1.414)
abs(x)는 숫자의 절대값을 반환합니다
코스(엑스), 에이코스(엑스)
숫자의 사인 및 아크코사인 값을 반환합니다
신(x), 아신(x)
숫자의 사인 및 아크사인 값을 반환합니다
탄(x), 아탄(x)
각도의 탄젠트를 반환하고 -PI/2와 PI/2 사이의 라디안 수의 아크탄젠트를 반환합니다
atan2(y,x)는 x축에서 점 (x,y)까지의 각도를 반환합니다
천장(x)、바닥(x)
숫자를 반올림하세요. 숫자를 내림합니다.
exp(x), log(x)는 e의 지수를 반환합니다. 숫자(밑 e)의 자연 로그를 반환합니다.
최대(x,y), 최소(x,y)
x와 y 중 가장 높은 값을 반환합니다
pow(x,y)는 x의 y제곱을 반환합니다
random()은 0~1 사이의 난수를 반환합니다
round(x)는 숫자를 가장 가까운 정수로 반올림합니다.
sqrt(x)는 숫자의 제곱근을 반환합니다
6. 전역 객체
전역 개체는 JavaScript의 전역 기능 및 전역 속성에 대한 자리 표시자 역할을 하는 사전 정의된 개체입니다.
전역 개체를 사용하면 사전 정의된 다른 모든 개체, 함수 및 속성에 액세스할 수 있습니다.
전역 개체는 개체의 속성이 아니므로 이름이 없습니다. 생성자도 없고 새로운 전역 개체를 인스턴스화하는 기능도 없으며 모든 멤버는 정적입니다.
6.1 전역 속성
무한대는 양의 무한대 값을 나타냅니다.
NaN은 값이 숫자 값인지 여부를 나타냅니다.
정의되지 않음은 정의되지 않은 값을 나타냅니다.
6.2 전역 함수
decodeURI()는 인코딩된 URI를 디코딩합니다.
decodeURIComponent()
인코딩된 URI 구성 요소를 디코딩합니다.
encodeURI() 문자열을 URI로 인코딩합니다.
encodeURIComponent()
문자열을 URI 구성 요소로 인코딩합니다.
eval()은 문자열을 평가하고 이를 스크립트 코드로 실행합니다.
isFinite()는 값이 유한수인지 확인합니다.
isNaN()은 값이 숫자인지 확인합니다.
isNaN() 함수는 일반적으로 ParseFloat() 및 ParseInt()의 결과를 감지하여 이들이 합법적인 숫자를 나타내는지 여부를 결정하는 데 사용됩니다. 물론 isNaN() 함수를 사용하여 0을 제수로 사용하는 것과 같은 산술 오류를 감지할 수도 있습니다.
parseFloat()는 문자열을 구문 분석하고 부동 소수점 숫자를 반환합니다.
parseInt()는 문자열을 구문 분석하고 정수를 반환합니다.
7. 요약
JavaScript는 개체를 사용자 정의할 수 있는 기능을 갖춘 개체 지향 언어입니다. 동시에 ECMAScript의 로컬 개체를 포함한 기존 개체를 기반으로 프로그래밍할 수 있으며, 호스트가 브라우저 개체 집합과 웹 페이지에서 제공하는 개체를 제공하므로 브라우저 실행 환경을 기반으로 프로그래밍할 수 있습니다.
로컬 객체는 ECMAScript에서 제공하는 참조 유형 집합입니다. ECMAScript로 구현된 일부 객체이며 특정 스크립트 호스트와 관련이 없습니다.
배열 개체는 실제로 정렬, 반전 및 접합과 같은 길이 속성과 메서드를 포함하는 동적 길이를 가진 컬렉션입니다.
날짜 객체는 특정 시점을 나타냅니다. 생성자를 통해 브라우저의 시스템 시간을 가져오거나 특정 날짜와 시간을 지정할 수 있습니다. 여기에는 날짜 객체에 있는 정보의 특정 부분을 얻는 데 사용할 수 있는 일련의 가져오기 메서드가 포함되어 있습니다. 날짜 객체를 변경하기 위한 get 메소드 세트. 일부 메소드 또는 to 메소드 세트를 통해 날짜 객체의 문자열 형식을 얻습니다.
문자열 개체는 0개 이상의 유니코드 문자 시퀀스를 나타냅니다. 여기에는 길이 속성과 형식 변환을 위한 메서드 집합 및 문자 작업 메서드가 포함되어 있습니다.
전역 개체에는 개체를 참조하지 않고 직접 사용할 수 있는 일련의 전역 속성과 전역 함수가 포함되어 있습니다.
수학적 개체에는 일부 수학 상수를 나타내는 데 사용되는 정적 읽기 전용 속성 집합과 일반적인 수학 연산을 구현하는 데 사용되는 정적 메서드 집합이 포함되어 있습니다.
이 편집기에서는 JavaScript에서 일반적으로 사용되는 로컬 개체에 대한 요약을 소개합니다. 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
