输入输出语句
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
prompt ( '请输入您的年龄' ) ;
alert ( '计算的结果是' ) ;
console. log ( '我是程序员能看到的' ) ;
</ script>
</ head>
< body>
</ body>
</ html>
数字型number
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var num = 10 ;
var PI = 3.14
var num1 = 010 ;
console. log ( num1) ;
var num2 = 012 ;
console. log ( num2) ;
var num3 = 0x9 ;
console. log ( num3) ;
var num4 = 0xa ;
console. log ( num4) ;
console. log ( Number. MAX_VALUE ) ;
console. log ( Number. MIN_VALUE ) ;
console. log ( Number. MAX_VALUE * 2 ) ;
console. log ( - Number. MAX_VALUE * 2 ) ;
console. log ( 'pink老师' - 100 ) ;
</ script>
</ head>
< body>
</ body>
</ html>
isNaN
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
console. log ( isNaN ( 12 ) ) ;
console. log ( isNaN ( 'pink老师' ) ) ;
</ script>
</ head>
< body>
</ body>
</ html>
获取变量数据类型typeof
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var num = 10 ;
console. log ( typeof num) ;
var str = 'pink' ;
console. log ( typeof str) ;
var flag = true ;
console. log ( typeof flag) ;
var vari = undefined;
console. log ( typeof vari) ;
var timer = null ;
console. log ( typeof timer) ;
var age = prompt ( '请输入您的年龄' ) ;
console. log ( age) ;
console. log ( typeof age) ;
</ script>
</ head>
< body>
</ body>
</ html>
转化为字符串
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var num = 10 ;
var str = num. toString ( ) ;
console. log ( str) ;
console. log ( typeof str) ;
console. log ( String ( num) ) ;
console. log ( num + '' ) ;
</ script>
</ head>
< body>
</ body>
</ html>
转换为数字型
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
console. log ( parseInt ( '3.14' ) ) ;
console. log ( parseInt ( '3.94' ) ) ;
console. log ( parseInt ( '120px' ) ) ;
console. log ( parseInt ( 'rem120px' ) ) ;
console. log ( parseFloat ( '3.14' ) ) ;
console. log ( parseFloat ( '120px' ) ) ;
console. log ( parseFloat ( 'rem120px' ) ) ;
var str = '123' ;
console. log ( Number ( str) ) ;
console. log ( Number ( '12' ) ) ;
console. log ( '12' - 0 ) ;
console. log ( '123' - '120' ) ;
console. log ( '123' * 1 ) ;
</ script>
</ head>
< body>
</ body>
</ html>
利用对象字面量创建对象
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var obj = {
uname: '张三疯' ,
age: 18 ,
sex: '男' ,
sayHi: function ( ) {
console. log ( 'hi~' ) ;
}
}
console. log ( obj. uname) ;
console. log ( obj[ 'age' ] ) ;
obj. sayHi ( ) ;
</ script>
</ head>
< body>
</ body>
</ html>
利用new Object创建对象
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var obj = new Object ( ) ;
obj. uname = '张三疯' ;
obj. age = 18 ;
obj. sex = '男' ;
obj. sayHi = function ( ) {
console. log ( 'hi~' ) ;
}
console. log ( obj. uname) ;
console. log ( obj[ 'sex' ] ) ;
obj. sayHi ( ) ;
</ script>
</ head>
< body>
</ body>
</ html>
函数的两种声明方式
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
function fn ( ) {
}
fn ( ) ;
var fun = function ( aru) {
console. log ( '我是函数表达式' ) ;
console. log ( aru) ;
}
fun ( 'pink老师' ) ;
</ script>
</ head>
< body>
</ body>
</ html>
利用构造函数创建对象
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
function Star ( uname, age, sex) {
this . name = uname;
this . age = age;
this . sex = sex;
this . sing = function ( sang) {
console. log ( sang) ;
}
}
var ldh = new Star ( '刘德华' , 18 , '男' ) ;
console. log ( ldh. name) ;
console. log ( ldh[ 'sex' ] ) ;
ldh. sing ( '冰雨' ) ;
var zxy = new Star ( '张学友' , 19 , '男' ) ;
console. log ( zxy. name) ;
console. log ( zxy. age) ;
zxy. sing ( '李香兰' )
</ script>
</ head>
< body>
</ body>
</ html>
遍历对象属性
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var obj = {
name: 'pink老师' ,
age: 18 ,
sex: '男' ,
fn: function ( ) { }
}
for ( var k in obj) {
console. log ( k) ;
console. log ( obj[ k] ) ;
}
</ script>
</ head>
< body>
</ body>
</ html>
Math
< script>
console. log ( Math. PI ) ;
console. log ( Math. max ( 1 , 99 , 3 ) ) ;
console. log ( Math. max ( - 1 , - 10 ) ) ;
console. log ( Math. max ( 1 , 99 , 'pink老师' ) ) ;
console. log ( Math. max ( ) ) ;
console. log ( Math. abs ( 1 ) ) ;
console. log ( Math. abs ( - 1 ) ) ;
console. log ( Math. abs ( '-1' ) ) ;
console. log ( Math. abs ( 'pink' ) ) ;
console. log ( Math. floor ( 1.1 ) ) ;
console. log ( Math. floor ( 1.9 ) ) ;
console. log ( Math. ceil ( 1.1 ) ) ;
console. log ( Math. ceil ( 1.9 ) ) ;
console. log ( Math. round ( 1.1 ) ) ;
console. log ( Math. round ( 1.5 ) ) ;
console. log ( Math. round ( 1.9 ) ) ;
console. log ( Math. round ( - 1.1 ) ) ;
console. log ( Math. round ( - 1.5 ) ) ;
console. log ( Math. random ( ) ) ;
function getRandom ( min, max) {
return Math. floor ( Math. random ( ) * ( max - min + 1 ) ) + min;
}
console. log ( getRandom ( 1 , 10 ) ) ;
var arr = [ '张三' , '张三丰' , '张三疯子' , '李四' , '李思思' , 'pink老师' ] ;
console. log ( arr[ getRandom ( 0 , arr. length - 1 ) ] ) ;
</ script>
Date
< script>
var arr = new Array ( ) ;
var obj = new Object ( ) ;
var date = new Date ( ) ;
console. log ( date) ;
var date1 = new Date ( 2019 , 10 , 1 ) ;
console. log ( date1) ;
var date2 = new Date ( '2019-10-1 8:8:8' ) ;
console. log ( date2) ;
</ script>
格式化日期年月日
< script>
var date = new Date ( ) ;
console. log ( date. getFullYear ( ) ) ;
console. log ( date. getMonth ( ) + 1 ) ;
console. log ( date. getDate ( ) ) ;
console. log ( date. getDay ( ) ) ;
var year = date. getFullYear ( ) ;
var month = date. getMonth ( ) + 1 ;
var dates = date. getDate ( ) ;
var arr = [ '星期日' , '星期一' , '星期二' , '星期三' , '星期四' , '星期五' , '星期六' ] ;
var day = date. getDay ( ) ;
console. log ( '今天是:' + year + '年' + month + '月' + dates + '日 ' + arr[ day] ) ;
</ script>
格式化日期时分秒
< script>
var date = new Date ( ) ;
console. log ( date. getHours ( ) ) ;
console. log ( date. getMinutes ( ) ) ;
console. log ( date. getSeconds ( ) ) ;
function getTimer ( ) {
var time = new Date ( ) ;
var h = time. getHours ( ) ;
h = h < 10 ? '0' + h : h;
var m = time. getMinutes ( ) ;
m = m < 10 ? '0' + m : m;
var s = time. getSeconds ( ) ;
s = s < 10 ? '0' + s : s;
return h + ':' + m + ':' + s;
}
console. log ( getTimer ( ) ) ;
</ script>
获得Date总的毫秒数
< script>
var date = new Date ( ) ;
console. log ( date. valueOf ( ) ) ;
console. log ( date. getTime ( ) ) ;
var date1 = + new Date ( ) ;
console. log ( date1) ;
console. log ( Date. now ( ) ) ;
</ script>
创建数组的两种方式
< script>
var arr = [ 1 , 2 , 3 ] ;
console. log ( arr[ 0 ] ) ;
var arr1 = new Array ( 2 , 3 ) ;
console. log ( arr1) ;
</ script>
检测是否为数组方法instanceof
< script>
function reverse ( arr) {
if ( Array. isArray ( arr) ) {
var newArr = [ ] ;
for ( var i = arr. length - 1 ; i >= 0 ; i-- ) {
newArr[ newArr. length] = arr[ i] ;
}
return newArr;
} else {
return 'error 这个参数要求必须是数组格式 [1,2,3]'
}
}
console. log ( reverse ( [ 1 , 2 , 3 ] ) ) ;
console. log ( reverse ( 1 , 2 , 3 ) ) ;
var arr = [ ] ;
var obj = { } ;
console. log ( arr instanceof Array ) ;
console. log ( obj instanceof Array ) ;
console. log ( Array. isArray ( arr) ) ;
console. log ( Array. isArray ( obj) ) ;
</ script>
添加删除数组元素push()pop()
< script>
var arr = [ 1 , 2 , 3 ] ;
console. log ( arr. push ( 4 , 'pink' ) ) ;
console. log ( arr) ;
console. log ( arr. unshift ( 'red' , 'purple' ) ) ;
console. log ( arr) ;
console. log ( arr. pop ( ) ) ;
console. log ( arr) ;
console. log ( arr. shift ( ) ) ;
console. log ( arr) ;
</ script>
数组排序sort() 翻转reverse()
< script>
var arr = [ 'pink' , 'red' , 'blue' ] ;
arr. reverse ( ) ;
console. log ( arr) ;
var arr1 = [ 13 , 4 , 77 , 1 , 7 ] ;
arr1. sort ( function ( a, b) {
return b - a;
} ) ;
console. log ( arr1) ;
</ script>
获取数组元素索引indexOf()
< script>
var arr = [ 'red' , 'green' , 'pink' ] ;
console. log ( arr. indexOf ( 'blue' ) ) ;
var arr = [ 'red' , 'green' , 'blue' , 'pink' , 'blue' ] ;
console. log ( arr. lastIndexOf ( 'blue' ) ) ;
var str = '改革春风吹满地,春天来了' ;
console. log ( str. indexOf ( '春' ) ) ;
console. log ( str. indexOf ( '春' , 3 ) ) ;
</ script>
join()方法
< script>
var arr = [ 1 , 2 , 3 ] ;
console. log ( arr. toString ( ) ) ;
var arr1 = [ 'green' , 'blue' , 'pink' ] ;
console. log ( arr1. join ( ) ) ;
console. log ( arr1. join ( '-' ) ) ;
console. log ( arr1. join ( '&' ) ) ;
</ script>
charAt()
< script>
var str = 'andy' ;
console. log ( str. charAt ( 3 ) ) ;
for ( var i = 0 ; i < str. length; i++ ) {
console. log ( str. charAt ( i) ) ;
}
console. log ( str. charCodeAt ( 0 ) ) ;
console. log ( str[ 0 ] ) ;
</ script>
concat() substr()
< script>
var str = 'andy' ;
console. log ( str. concat ( 'red' ) ) ;
var str1 = '改革春风吹满地' ;
console. log ( str1. substr ( 2 , 2 ) ) ;
</ script>
replace() split()
< script>
var str = 'andyandy' ;
console. log ( str. replace ( 'a' , 'b' ) ) ;
var str1 = 'abcoefoxyozzopp' ;
while ( str1. indexOf ( 'o' ) !== - 1 ) {
str1 = str1. replace ( 'o' , '*' ) ;
}
console. log ( str1) ;
var str2 = 'red, pink, blue' ;
console. log ( str2. split ( ',' ) ) ;
var str3 = 'red&pink&blue' ;
console. log ( str3. split ( '&' ) ) ;
</ script>