JavaScript学习笔记——对象分类
发布日期:2021-08-14 02:31:38 浏览次数:1 分类:技术文章

本文共 7446 字,大约阅读时间需要 24 分钟。

对象的分类

一、对象的分类

  1.内置对象

    Global
    Math

  2.本地对象

    Array
    Number
    String
    Boolean
    Function
    RegExp

  3.宿主对象

    DOM
    BOM
二、Math对象
格式: Math.方法(参数)
  1.取绝对值
    Math.abs();

var num1=-2.4;alert(Math.abs(num1))

  2.取近似整数

    //Math.round() 四舍五入

//Math.round()  //四舍五入var num=2.1;alert(Math.round(num))

    //Math.floor() 对数进行下取舍

//Math.floor()  对数进行下取舍alert(Math.floor(num))

    //Math.ceil() 对数进行上取舍

//Math.ceil()  对数进行上取舍alert(Math.ceil(num))

  3.取最大值或最小值

    Math.max(参数....)
    Math.min(参数.....)

var num1=1;      var num2=2;      var num3=3;      var num4=4;      alert(Math.max(num1,num2,num3,num4))      alert(Math.min(num1,num2,num3,num4))

  4.取随机数

    Math.random();

//Math.random();  从0到1的随机数

 

三、javascript字符串对象

  一、属性

    1.length
    计算字符串的长度(不区分中英文)

var str="bbs.houdunwang.com";     alert(str.length)     var str1="后盾网";     alert(str1.length);

    2.constructor

    对象的构造函数

var str="后盾网";     alert(str.constructor)

 

  二、方法

    (1)获取类型

      1.myString.charAt(num)

      返回在指定位置的字符

var str="后盾网";    alert(str.charAt(2));    alert(str[0])

      2.myString.charCodeAt(num)

      返回指定位置的字符的Unicode编码

var str="ABC";      alert(str.charCodeAt(0))      alert(str.charCodeAt(1))      alert(str.charCodeAt(2))

      3. String.fromCharCode()

      接受一个或多个指定的Unicode值,然后返回一个或多个字符串

alert(String.fromCharCode(65,66,67))

 

    (2)查找类型

      1.myString.indexOf()
      返回某个指定的字符串,在字符串中首次出现的位置

var str="后盾网盾视频盾教程";      alert(str.indexOf("盾"))

      2. myString.lastIndexOf()

      返回一个字符串值末次出现的位置

var str="bbs.houdunwang.com";      alert(str.lastIndexOf("."))

      3. myString.match()

      在字符串中检索指定的值,返回的值就是指定的类型(值)

var str="后1盾2网3论4坛";      alert(str.match(/\d+/g))

      4.search()

      只能作用于正则。

      5. myString.replace()

      将字符串中的一些字符替换为另外一些字符

var str="后盾网";      alert(str.replace("网","wang"))

 

    (3) 截取类型

      1.myString.slice(start,end)

      截取从指定的开始位置,到结束位置(不包括)的所有字符串。如果不指定结束位置,则从 指定的开始位置,取到结尾

var str="后盾网视频教程";    alert(str.slice(0,5))

      2.substring(start,end)

      截取从指定的开始位置,到结束位置(不包括)的所有字符串。如果不指定结束位置,则从 指定的开始位置,取到结尾

var str="后盾网视频教程";    alert(str.substring(0))

      3.substr(start,length)

      从指定的位置开始截取指定长度的字符串。如果没有指定长度,从指定开始的位置取到结尾

var str="后盾网视频教程";    alert(str.substr(0,7))

      ***************************************************************************

        slice(start,end) vs substring(start,end)

        slice参数可以是负数,如果是负数,从-1开始指的是字符串结尾。
        substring参数是负数的时候,会自动转换为0
      ***************************************************************************

    (5)转换类型

      1. split("分割位置",[指定的长度])

      将一个字符串分割成数组

var str="后盾网,视频,教程";  alert(str.split(","))

      2.toLowerCase();

      用于把字符串转换为小写

      3.toUpperCase()

      将字符串转换为大写

var str="HOUDUNWANG"; alert(str.toLowerCase(). toUpperCase())

 

    (6) 样式类型

      1.fontcolor()

      给字符串指定颜色,十六进制表示、red、rgb(255,0,0)

var str="后盾网视频"; //document.write(str.fontcolor("red")) //document.write(str.fontcolor("#aaaaaa"))

      2.fontsize()

      指定字符串的大小 (1-7)

document.write(str.fontsize(1)) document.write(str.fontsize(3)) document.write(str.fontsize(7))

 

四、javascript数组对象

  一、属性
    1.length
    设置或返回数组元素的数目

var a=["a","b",1,2];        alert(a.length=5)        alert(a.length)        alert(a)

    2.constructor

    返回构造函数的引用

var a=["a","b",1,2];        alert(a.constructor)

 

  二、方法

    A.删除或添加类

      1. myarr.push(数组元素......)

      向数组的末尾添加新的元素,返回值是新数组的长度。
      可以一次添加多个元素

var a=["a","b",1,2];           alert(a.push("c","d"))           alert(a)

      2. myarr.unshift(数组元素.....)

      向数组的开头加入新的元素,返回值是新数组的长度

      可以一次添加多个元素

var a=["a","b",1,2];           alert(a.unshift("c","d"))           alert(a)

      3. myarr.pop()

      删除数组的最后一个元素,返回删除的元素

var a=["a","b",1,2];           alert(a.pop())           alert(a)

      4. myarr.shift()

      删除数组的第一个元素,返回删除的元素

var a=["a","b",1,2];           alert(a.shift())           alert(a)

      5.万能的添加删除函数

      myarr.splice(index,数量,添加的元素.....)

        (1)index   从何处开始添加或删除,必须是数值类型(数组的下标)
        (2) 数量    规定了删除的个数,如果是0,则不删除
        (3) 需要添加的元素  可以当作替换的元素

var a=["a","b",1,2];            alert(a.splice(1,0,"c","d"))            alert(a)

        ************************************

        如果有删除的元素,返回删除的元素

        ************************************

    B.数组的转换

      mystr.split()
      myarr.join([分隔符])
      把数组元素按照指定分隔符组合成一个字符串,如果没有指定分隔符,默认是用“,”
      返回结果就是组合成的字符串

var a=["a","b",1,2];            //alert(a.join())            alert(a.join("-"))

 

    C.数组的分割

      myarr.slice()
      截取从指定的开始位置,到结束位置(不包括)的元素。如果不指定结束位置,则从指定的开始位置,取到结尾(数组的下标)
      支持负数(-1开头) 返回新数组。

var a=["a","b",1,2,"后盾网","bbs.houdunwang.com"];             alert(a.slice(2,4))             alert(a.slice(2))             alert(a.slice(-2,-1))             alert(a)

 

    D.排序

      冒泡排序

function mySort (fun) {for (var i=0; i
this[j+1]){ var aa=this[j]; this[j]=this[j+1] this[j+1]=aa; } } } return this} Array.prototype.mySort= mySort alert(arr.mySort())

      myarr.sort()

      对数组进行排序,如果没有参数,则按照字母的编码进行排序如果要按照其他的顺序来排序,要提供一个函数

      会提供两个参数(a,b) 此时按从小到大排序
        a<b a在b前
        a=b
        a<b

var a=[12,34,123]    a.sort(function  (a,b) {       return a=b    });    alert(a)

    F.数组的连接

      myarr.concat()
      连接两个或更多的数组,并返回新数组,但是对原数组没有任何影响.

var a=[1,2,3];    //var b=["后盾网","视频","bbs.ghoudunwang.con"]    //var c=["a","b","c"]    //alert(a.concat(b,c))    //alert(a)    alert(a.concat("a","c"))    alert(a)

    G.自定义一个函数(删除数组的重复元素)

var arr=[1,5,2,3,5,4,5,6,7,8,5,9,5]    Array.prototype.deleteit=function deleteit(){        for(var i=0;i<=this.length;i++){            for(var j=i+1;j<=this.length;j++){                if(this[i]==this[j]){               //this.splice(this[j],1);                this.splice(j,1);                j--;               alert("第"+i+"个数字"+"["+this[i]+"]"+"和第"+j+"个数字"+"["+this[j]+"]"+"相同,已删除!");                }            }        }return this;    }    alert(arr.deleteit())

 

 

五、javascript时间对象

日期对象

在javascript中日期也是他的内置对象,所以我们要对日期进行获取和操作,必须实例化对象。

1.创建日期对象

  var dateobj=new Date();
  将会包含本地时间的信息,包括年月日时分秒 星期
  A.可传入的参数格式
    1."时:分:秒 日/月/年" "日/月/年 时:分:秒" 字符串
    2.年,月,日,时,分,秒 不能加""
  注意:月份和星期都是从0开始计算的

2.获取日期信息的方法
Date 对象方法
FF: Firefox, IE: Internet Explorer

方法 描述 FF IE

Date() 返回当日的日期和时间。 
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 
getMonth() 从 Date 对象返回月份 (0 ~ 11)。 
getFullYear() 从 Date 对象以四位数字返回年份。 
getYear() 请使用 getFullYear() 方法代替。 
getHours() 返回 Date 对象的小时 (0 ~ 23)。 
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。  
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 

 

 

3.设置日期的方法

setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。 

setMonth() 设置 Date 对象中月份 (0 ~ 11)。 
setFullYear() 设置 Date 对象中的年份(四位数字)。 
setYear() 请使用 setFullYear() 方法代替。 
setHours() 设置 Date 对象中的小时 (0 ~ 23)。 
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。 
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。 
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。 
setTime() 以毫秒设置 Date 对象。 
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 
setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。

 

 

 

转载于:https://www.cnblogs.com/tonglin0325/p/4713480.html

转载地址:https://blog.csdn.net/weixin_30703911/article/details/95441564 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Centos7.0下Nexus私服搭建
下一篇:最短路

发表评论

最新留言

不错!
[***.144.177.141]2024年03月03日 11时02分18秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

FreeBSD可以安装Linux软件吗,在Linux服务器上面通过网络安装FreeBSD 2019-04-21
.net core linux 桌面应用,C# dotnet core + AvaloniaUI 开发桌面软件,hello world 2019-04-21
linux tcp 113错误,linux系统报tcp_mark_head_lost错误的处理方法 2019-04-21
南昌工程学院c语言答案,南昌工程学院C语言程序设计基础课件第3讲运算符和表达式... 2019-04-21
python学画画_python学画画(下) 2019-04-21
云栖社区 mysql_【直播结束,已更新回放】PG、MySQL到底哪个好?云栖说这次请来五位专家撕了一下-阿里云开发者社区... 2019-04-21
老男孩mysql 百度云_英语语录:除了你,没人能掌控你的幸福 2019-04-21
mysql驱动多次执行问题_Laravel5.2队列驱动expire参数设置带来的重复执行问题 数据库驱动... 2019-04-21
mysql获取刚新增的数据库_如何取得刚插入数据库的数据的id mysql 2019-04-21
python将10到1递减_(Python)如何将3个递减列表合并成一个递减列表? 2019-04-21
python脚本怎么用来处理数据_长时间运行数据处理python脚本的程序结构 2019-04-21
python转成c 语言_将Python对象转换为C void类型 2019-04-21
resin mysql_Eclipse+resin+mysql 安装及环境配置 2019-04-21
redis的使用 Java_java中使用redis 2019-04-21
java 数组元素位置_Java – 在数组中获取元素位置 2019-04-21
c 泛型与java泛型_C ++和Java中的“泛型”类型之间有什么区别? 2019-04-21
java 返回实体对象_java 封装返回结果实体类 返回结果以及错误信息 2019-04-21
java web 防止sql注入攻击_JavaWeb防注入知识点(一) 2019-04-21
java ssm 异常分类_SSM项目常见的异常与处理提示(一) 2019-04-21
java定义矩形类_Java定义矩形类 2019-04-21