内置对象
包括属性和方法
属性-------对象名.属性名称;
方法-------对象名.方法名称();
Array对象
用于在一个变量名中储存一系列的值。
第一步:创建数组
var 变量名 = new Array(数组长度);
第二步:赋值
1.var 变量名 = new Array(数组长度);
变量名[下标] = ***;
下标取值:0~(数组长度-1)
2.var 变量名 = new Array(num1,num2,…);
3.var 变量名 = [num1,num2,…];
第三步:Array对象的属性及方法
属性 | 描述 |
---|---|
length | 设置或返回数组中元素的数目 |
方法 | 描述 |
---|---|
join() | 把数组的所有元素放入一个字符串,并通过一个分隔符进行分隔 |
sort() | 对数组进行排序 注意:不适用于10以上数值排序 |
concat() | 合并两个数组 |
push() | 向数组尾部添加一个或多个元素,并返回新的长度 |
pop() | 删掉数组尾部最后一个元素 |
unshift() | 向数组头部添加一个或多个元素,并返回新的长度 |
shift() | 删掉数组头部第一个元素 |
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var ages = [17,18,19];
var ages2 = [20,21,22];
var join =ages.join("-");
var concat = ages.concat(ages2);
document.write("数组ages.join()方法连接ages数组各元素:" + join + "<br/>");
document.write("数组ages.concat()方法:" + concat + "<br/>");
ages.push(30,40);
document.write("使用push()方法,在ages末尾添加30,40两个元素:" + ages + "<br/>");
ages.pop();
document.write("使用pop()方法,在ages后删除一个元素:" + ages + "<br/>");
ages.unshift(0,10);
document.write("使用unshift()方法,在ages头部添加0,10两个元素:" + ages + "<br/>");
ages.shift();
document.write("使用shift()方法,在ages头部删除一个元素:" + ages + "<br/>");
</script>
</body>
</html>
样式如下:
Date对象
用于操作日期和时间。
第一步:创立Date对象
var 变量名 = new Date(参数);
第二步:Date对象的方法
方法 | 说明 |
---|---|
getFullYear() | 返回Date对象的年份 取值0000~9999 |
getMonth() | 返回Date对象的月份 取值0~11 |
getDate() | 返回一个月中的某一天 取值1~31 |
getDay() | 返回一个星期中的某一天 取值0~6 |
getHours() | 返回Date对象的小时数 取值0~59 |
getMinutes() | 返回Date对象的分钟数 取值0~59 |
getSeconds() | 返回Date对象的秒数 取值0~59 |
getTime() | 返回自某一时刻(1970年1月1日)以来的毫秒数 |
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth()+1;
//月份取值0-11,+1为本月月份
var date = today.getDate();
var day = today.getDay();
document.write("今天是" + year + "年" + month + "月" + date + "日,星期" + day)
</script>
</body>
</html>
样式如下:
String对象
字符串
第一步:声明
var String =“***”;
第二步:String对象的属性及方法
属性 | 描述 |
---|---|
length | 返回字符串字符的个数 |
方法 | 描述 | 特别说明 |
---|---|---|
indexOf(str,index) | 查找某个指定的字符串在字符串中首次出现的位置 | 找到返回下标,没找到返回-1 |
lastIndexOf(str) | 从字符串末尾查找某个指定的字符串在字符串中的位置 | 找到返回下标,没找到返回-1 |
toLowerCase() | 把字符串转化为小写 | - |
toUpperCase() | 把字符串转化为大写 | - |
charAt(index) | 返回指定位置的字符 | index代表下标的值,从0开始 |
substring(index1,index2) | 返回位于指定索引index1和index2之间的字符串该返回的字符串包括index1对应的字符,不包括index2对应的字符 | slice(index1,index2)与之用法相同 |
split(str) | 将字符串分割为字符串组 | 根据str的位置和分布进行分割,并删除str本身 |
concat(str) | 把字符串和str合并 | - |
replace(index1,index2) | 查找字符串中的index1,并使用index2进行替换 | - |
match(正则表达式) | 通过正则表达式在大型字符中寻找符合条件的字符串 | - |
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var string1 = "I am a little girl!";
var string2 = "I have a dream!";
var indexOf = string1.indexOf("i");
var lastIndexOf = string1.lastIndexOf("i");
var toUpperCase = string1.toUpperCase();
var toLowerCase = string1.toLowerCase();
var charAt = string1.charAt(0);
var substring = string1.substring(5,12);
var slice = string1.slice(5,12);
var split = string1.split(" ");
var concat = string1.concat(string2);
var replace = string1.replace("a","bb");
document.write("字符串1为:" + string1 + "<br/>");
document.write("字符串2为:" + string2 + "<br/>");
document.write("”i“在字符串1第一次出现时的下标为:" + indexOf + "<br/>");
document.write("”i“在字符串1最后一次出现时的下标为:" + lastIndexOf + "<br/>");
document.write("字符串1全部大写为:" + toUpperCase + "<br/>");
document.write("字符串1全部小写为:" + toLowerCase + "<br/>");
document.write("字符串1下标为0的字符是:" + charAt + "<br/>");
document.write("字符串1下标5-12之间的字符为:" + substring + "<br/>");
document.write("字符串1下标5-12之间的字符为:" + slice + "<br/>");
document.write("用字符串1中的空格将字符串1分割的数组第一个字符为:" + split[0] + "<br/>");
document.write("字符串1与字符串2拼接后为:" + concat + "<br/>");
document.write("查找字符串1中的第一个“a”,将他替换成“bb”:" + replace + "<br/>");
</script>
</body>
</html>
样式如下:
Math对象
Math对象无需创建和声明
方法
方法 | 描述 | 特别说明 |
---|---|---|
ceil() | 向上取整 | + |
floor() | 向下取整 | - |
round() | 四舍五入为最接近的数 | - |
random | 0~1的随机数 | - |
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var num1 = 25.5;
var num2 = -25.5;
document.write("第一个数为:" + num1 + "<br/>");
document.write("第二个数为:" + num2 + "<br/>");
document.write("ceil-向上取整num1=" + Math.ceil(num1) + "<br/>");
document.write("ceil-向上取整num2=" + Math.ceil(num2) + "<br/>");
document.write("floor-向下取整num1=" + Math.floor(num1) + "<br/>");
document.write("floor-向下取整num2=" + Math.floor(num2) + "<br/>");
document.write("round-向外取整num1=" + Math.round(num1) + "<br/>");
document.write("round-向外取整num2=" + Math.round(-25.5) + "<br/>");
document.write("取随机数0~1=" + Math.random());
</script>
</body>
</html>
样式如下:
今天的分享就是这些啦,欢迎正在学习web的伙伴们“挑毛病”“提意见”,当然了也欢迎各种表扬奥~(比心,比心)