首页 > Web开发 > 详细

JS对象

时间:2020-03-20 16:20:39      阅读:67      评论:0      收藏:0      [点我收藏+]

一、本章目标

javascript的对象分 内置对象的介绍 内置对象方法的使用

二、对象的分类

  1. 本地对象:指JavaScript语言本身预定义的对象 String、Date、Object、Array、Function、Number、Boolean、RegExp、Error

  2. 内置对象:对象在脚本程序初始化时被创建,不需要实例化 全局对象Global(window)、Math对象

  3. 宿主对象:指JavaScript运行环境(即浏览器)提供的对象,具体分为如下两大类 BOM对象、DOM对象

  4. 自定义对象:指由用户创建的对象,兼容性问题需要由编写者注意 对象直接声明:var obj1 = {}; 自定义构造函数:new Object( ); 对象模板:用function 声明的对象

三、Math对象

  1. ceil(x) :向上取整。大于等于 x,与它最接近的整数

  2. floor(x) :向下取整。

  3. random() :返回 0 ~ 1 之间的随机数。

  4. round(x) :四舍五入。

  5. max(x,y) :返回两个给定的数中的较大的数。

  6. min(x,y) :返回两个给定的数中的较小的数。

  7. Math.PI=3.14

console.info(Math.ceil(5.1));
console.info(Math.floor(5.1));
console.info(Math.round(5.5));
console.info(Math.floor(Math.random()*10));
console.info(Math.max(1,2));
console.info(Math.min(1,2));
console.info(Math.PI);

练习:求圆的面积和周长

function circle(){
var r=prompt("圆的半径是");
var S,C;
S=Math.PI*r*r;
C=Math.PI*r*2;
console.info("面积为:"+S.toFixed(2)+"周长为:"+C.toFixed(2));
}
circle();

四、String对象

作用:处理已有的字符快。 常见的属性:length 常见的方法:

  1. charAt() :返回在指定位置的字符

  2. indexOf() :返回某个指定的字符串值在字符串中首次出现的位置

  3. lastIndexOf(): 从后向前搜索字符串

  4. split() :把字符串分割为字符串数组

  5. substr() :从起始索引号提取字符串中指定数目的字符

  6. substring() :用于提取字符串中介于两个指定下标之间

  7. toLowerCase() :把字符串转换为小写

  8. toUpperCase() :把字符串转换为大写

  9. replace() 方法用于在字符串中用一些字符替换另一些字符

var str="hello worlD";
console.info(str.length);
console.info(str.charAt(0));
console.info(str.indexOf("l"));
console.info(str.lastIndexOf("l"));
console.info(str.split(" "));
//从第几个开始,取几个
console.info(str.substr(1,3));
//从第几个开始,到第几个结束,包头,不包尾
console.info(str.substring(1,2));
console.info(str.toUpperCase());
console.info(str.toLowerCase());
console.info(str.replace("hello","class"));
?
var str="this is a big dog";
//要求:截取a big dog打印到控制台。
//不允许直接输入数字查找
console.info(str.substr(str.indexOf("a")));

 

五、Date对象

作用:Date 对象用于处理日期和时间。

创建Date对象

var  d= new Date;

常用方法:

  1. getFullYear() :从 Date 对象以四位数字返回年份。

  2. getHours() :返回 Date 对象的小时 (0 ~ 23)。

  3. getTime() :返回从 1970 年 1 月 1 日至今的毫秒数。

  4. getDate() :方法可返回月份的某一天。

  5. getDay() :返回周次

var d= new Date;
console.info(d.getFullYear());
console.info(d.getHours());
console.info(d.getMinutes());
console.info(d.getSeconds());
console.info(d.getTime());
console.info(d.getDate());
console.info(d.getDay());
var week=["天","一","二","三","四","五","六"];
var d = new Date;
console.info("今天是星期"+week[d.getDay()]);

六、Array对象

作用:使用单独的变量名来存储一系列的值 创建的方式:

  1. 常规方式:

var myCars=new Array(); 
myCars[0]="宝马";
myCars[1]="Volvo";
  1. 简洁方式:

var myCars=new Array("宝马","Volvo");
  1. 字面量:

var myCars=[001,"奔驰",true];

常用属性:length 常用方法:

  1. indexOf():第一次出现子字符串的字符位置

  2. lastIndexOf() :字符串最后出现的位置

  3. push():将新元素添加到一个数组中,并返回数组的新长度值。

  4. pop():删除并返回数组的最后一个元素

  5. reverse():颠倒数组中元素的顺序

  6. shift():把数组的第一个元素从其中删除,并返回第一个元素的值

  7. slice():从已有的数组中返回选定的元素

  8. sort():对数组的元素进行排序

  9. splice():从数组中添加/删除项目,然后返回被删除的项目。 从第几个开始,删除几个。

  10. 技术分享图片

     

     

  11. unshift():向数组的开头添加一个或更多元素,并返回新的长度

  12. concat():连接两个或多个数组

var arr=["a","b","a","c"];
console.info(arr.indexOf("a"));
console.info(arr.lastIndexOf("a"));
arr.push("d");
console.info(arr);
console.info(arr.pop());
console.info(arr);
console.info(arr.reverse());
?
var arr=["1a","11b","a","c"];
console.info(arr.shift());
console.info(arr);
console.info(arr.slice(0));
console.info(arr.sort());
console.info(arr.unshift("123","234"));
console.info(arr);
//在什么位置,删除几个,增加什么
arr.splice(1,0,"d");
console.info(arr);
var arr1 = ["123","3456"];
console.info(arr.concat(arr1));
练习,把数组的元素倒过来,需要用push()
var arr=["a","b","a","c"];
var arrNew=[];
for(var i=0;i<arr.length;i++){
arrNew.push(arr[arr.length-1-i]);
}
console.info(arrNew);

JS对象

原文:https://www.cnblogs.com/chenjiajiale/p/12532142.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!