Javascript 基础学习(七)常用内置对象

Array

定义

数组也是一个对象,是一个用来存储数据的对象。和Object类似,但是它的存储效率比普通对象要高。数组中保存的内容我们称为元素。数组使用索引(index)来操作元素。索引指由0开始的整数。

数组操作

//创建数组
var arr = new Array();//使用内置对象Array
var arr2 = new Array(10);//表示创建一个长度为10 的数组
var arr3 = [];
var arr4 = [];//表示创建一个数组,数组中只有一个元素 10

//向数组中添加元素
//语法:数组对象[索引] = 值;
arr[0] = 123;
arr[1] = "hello";
//创建数组时直接添加元素
//语法:var arr = [元素1,元素2....元素N];
var arr = [123,"hello",true,null];

//获取和修改数组的长度
//使用length属性来操作数组的长度
//获取长度:数组.length。length获取到的是数组的最大索引+1
//对于连续的数组,length获取到的就是数组中元素的个数
//修改数组的长度:数组.length = 新长度。如果修改后的length大于原长度,则多出的部分会空出来。如果修改后的length小于原长度,则原数组中多出的元素会被删除
//向数组的最后添加元素:数组[数组.length] = 值;

方法

  • push()

    • 用来向数组的末尾添加一个或多个元素,并返回数组新的长度
    • 语法:数组.push(元素1,元素2,元素N)
  • pop()
    • 用来删除数组的最后一个元素,并返回被删除的元素
  • unshift()
    • 向数组的前边添加一个或多个元素,并返回数组的新的长度
  • shift()
    • 删除数组的前边的一个元素,并返回被删除的元素
  • slice()
    • 可以从一个数组中截取指定的元素
    • 该方法不会影响原数组,而是将截取到的内容封装为一个新的数组并返回
    • 参数:1.截取开始位置的索引(包括开始位置)。2.截取结束位置的索引(不包括结束位置)
    • 第二个参数可以省略不写,如果不写则一直截取到最后
    • 参数可以传递一个负值,如果是负值,则从后往前数
  • splice()
    • 可以用来删除数组中指定元素,并使用新的元素替换。该方法会将删除的元素封装到新数组中返回
    • 参数:1.删除开始位置的索引。2.删除的个数。3.第三个及以后,都是替换的元素,这些元素将会插入到开始位置索引的后边
  • concat()
    • 可以连接两个或多个数组,它不会影响原数组,而是新数组作为返回值返回
  • join()
    • 可以将一个数组转换为一个字符串
    • 参数: 需要一个字符串作为参数,这个字符串将会作为连接符来连接数组中的元素。如果不指定连接符则默认使用
  • reverse()
    • 可以用来反转一个数组,它会对原数组产生影响
  • sort()
    • 可以对一个数组中的内容进行排序,默认是按照Unicode编码进行排序,调用以后,会直接修改原数组。
    • 可以自己指定排序的规则,需要一个回调函数作为参数:
    • function(a,b){
          //回调函数中需要定义两个形参
          //使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前边
          //如果返回一个大于0的值,则元素会交换位置
          //如果返回一个小于0的值,则元素不会交换位置
          //如果返回一个等于0的值,则认为两个元素相等,不交换位置
          //升序排列
          //return a-b;
          //降序排列
          return b-a;
      }

数组遍历

遍历数组就是将数组中元素都获取到。一般情况我们都是使用for循环来遍历数组,也可以使用forEach()方法来遍历数组(不兼容IE8)

数组.forEach(function(value , index , obj){
    //在其中对三个参数做自己需要的操作
});
//forEach()方法需要一个回调函数作为参数(函数由我们创建但不由我们调用,称为回调函数)
//数组中有几个元素,回调函数就会被调用几次,每次调用时,都会将遍历到的信息以实参的形式传递进来,
//我们可以定义形参来获取这些信息。value:正在遍历的元素,index:正在遍历元素的索引,obj:被遍历对象

Date

定义

日期的对象,在JS中通过Date对象来表示一个时间。如果直接使用构造函数创建一个Date对象,则会封装为当前代码的执行时间。

创建对象

//创建一个当前的时间对象
var d = new Date();
//创建一个指定的时间对象
var d = new Date("月/日/年 时:分:秒");

方法

  • getDate()

    • 当前日期对象是几日(1-31)
  • toLocaleString()
    • 转换成习惯的格式
  • getDay()
    • 返回当前日期对象时周几(0-6)
    • 0 周日
    • 1 周一 ...
  • getMonth()
    • 返回当前日期对象的月份(0-11)
    • 0 一月 1 二月 。。。
    • getFullYear()
      • 从 Date 对象以四位数字返回年份。
    • getHours()
      • 返回 Date 对象的小时 (0 ~ 23)。
    • getMinutes()
      • 返回 Date 对象的分钟 (0 ~ 59)。
    • getSeconds()
      • 返回 Date 对象的秒数 (0 ~ 59)。
    • getMilliseconds()
      -返回 Date 对象的毫秒(0 ~ 999)。
    • getTime()
      • 返回当前日期对象的时间戳
      • 时间戳,指的是从1970年月1日 0时0分0秒,到现在时间的毫秒数
        计算机底层保存时间都是以时间戳的形式保存的。
      • 应用场景:使用毫秒数处理缓存的效果(不有缓存)
    • Date.now()
      • 可以获取当前代码执行时的时间戳

Math

属于一个工具类,它不需要我们创建对象,它里边封装了属性运算相关的常量和方法。我们可以直接使用它来进行数学运算相关的操作

方法

  • Math.PI

    • 常量,圆周率
  • Math.abs()
    • 绝对值运算
  • Math.ceil()
    • 向上取整
  • Math.floor()
    • 向下取整
  • Math.round()
    • 四舍五入取整
  • Math.random()
    • 生成一个0-1之间的随机数
    • 生成一个x-y之间的随机数
    • Math.round(Math.random()*(y-x)+x);
  • Math.pow(x,y)
    • 求x的y次幂
  • Math.sqrt()
    • 对一个数进行开方
  • Math.max()
    • 求多个数中最大值
  • Math.min()
    • 求多个数中的最小值

String

在底层字符串是以字符数组的形式保存

方法

  • charAt()

    • 根据索引获取指定的字符
  • charCodeAt()
    • 根据索引获取指定的字符编码
  • String.fromCharCode()
    • 使用构造函数对象创建
    • 根据字符编码获取字符
    • 字符编码必须是十进制
    • concat()
      • 可以用来连接两个或多个字符串
    • indexOf()、lastIndexOf()
      • 该方法可以检索一个字符串中是否含有指定内容
      • 需要一个字符串作为参数,这个字符串就是要检索的内容,
        如果找到该内容,则会返回其第一次出现的索引,如果没有找到则返回-1。
      • 可以指定一个第二个参数,来表示开始查找的位置
  • indexOf()是从前向后找
  • lastIndexOf()是从后向前找
  • slice()
    • 可以从一个字符串中截取指定的内容,并将截取到内容返回,不会影响原变量
    • 参数:
      第一个:截取开始的位置(包括开始)
      第二个:截取结束的位置(不包括结束)
    • 可以省略第二个参数,如果省略则一直截取到最后
    • 可以传负数,如果是负数则从后往前数
  • substr()
    • 和slice()基本一致,不同的是它第二个参数不是索引,而是截取的数量
  • substring()
    • 和slice()基本一致,不同的是它不能接受负值作为参数,如果设置一个负值,则会自动修正为0,
      substring()中如果第二个参数小于第一个,自动调整位置
  • toLowerCase()
    • 将字符串转换为小写并返回
  • toUpperCase()
    • 将字符串转换为大写并返回
  • split()
    • 可以根据指定内容将一个字符串拆分为一个数组
    • 参数:
      • 需要一个字符串作为参数,将会根据字符串去拆分数组
        如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个元素
        可以接收一个正则表达式,此时会根据正则表达式去拆分数组
  • match()
    • 可以将字符串中和正则表达式匹配的内容提取出来,并封装到一个数组中返回
    • 默认情况下match只会找到第一个符合要求的内容,找到以后就停止检索
      我们可以设置正则表达式为全局匹配模式,这也就会匹配到所有的内容
  • replace()
    • 可以将字符串中指定内容替换为新的内容,默认只替换第一个
    • 参数:
      • 第一个:被替换的内容,可以是一个正则表达式,设置全局模式替换全部
      • 第二个:替换的新内容
  • search()
    • 可以搜索字符串中是否含有指定内容
    • 如果搜索到指定内容,则会返回第一次出现的索引,如果没有则返回-1
    • 可以根据正则表达式去字符串中查找指定的内容
    • 可以接受正则表达式,将会根据该表达式查询内容

包装类

在JS中为我们提供了三个包装类:String() Boolean() Number()

通过这三个包装类可以创建基本数据类型的对象

var num = new Number(2);
var str = new String("hello");
var bool = new Boolean(true);

但是在实际应用中千万不要这么干,因为如果使用基本数据类型的对象,在做比较操作时可能会出现错误。当我们去操作一个基本数据类型的属性和方法时,解析器会临时将其转换为对应的包装类,然后再去操作属性和方法,
操作完成以后再将这个临时对象进行销毁。

原文地址:https://www.cnblogs.com/Yee-Q/p/12327563.html

时间: 2024-10-31 19:01:46

Javascript 基础学习(七)常用内置对象的相关文章

JavaScript封闭函数、常用内置对象、js调试方法

1.封闭函数 封闭函数是JavaScript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数 /在封闭函数前加';',可以避免js压缩时出错/;(function(){ alert('hello world!'); })(); /*当i大于78时等于78,小于时等于89*/ var i = 90>78?78:89; alert(i); /*第二个写法*/ !function(){ alert('hello world!'); }(); /*第三个写法*/ ~function(){

常用内置对象

1.什么是JavaScript对象 对象是JavaScript中最重要的元素 JavaScript包含多种对象: 内置对象 自定义对象 浏览器对象 HTML DOM对象2.使用对象 对象由属性和方法封装而成 属性的引用 使用点(.)运算符 对象的方法的引用 ObjectName.method()3.常用内置对象 简单数据对象 String.Number.Boolean 组合对象 Array.Math.Date 高级对象 Function.RegExp4.String对象 创建字符串对象 Stri

Java Script基础(五) 内置对象Date

在JavaScript中,系统的内置对象有Date对象.Array对象.String对象和Math对象等. 1.Date:用于操作日期和时间. 2.Array:用于在单独的变量名中存储一系列的值. 3.String:用于支持对字符串的处理. 4.Math:用于执行数学任务,包含了若干数学常量和函数. 1.Date对象 常用的属性和方法参考! http://www.w3school.com.cn/jsref/jsref_obj_date.asp 示例: var today=new Date() -

07-JavaScript常用内置对象

JavaScript常用内置对象 1.数组Array 1.1数组的创建方式 // 直接创建数组 var colors = ['red', 'blue', 'green']; console.log(colors, typeof(colors)); // 使用构造函数,通过new关键字创造数组 var colors2 = new Array(); console.log(colors2,typeof(colors2)); 1.2数组的赋值 var arr = []; // JS数组的下标和pyth

javaScript之分支判断与内置对象

一,分支结构 单一选择结构(if) 二路选择结构(if/else) 内联三元运算符 ?: 多路选择结构(switch) var condition = true; if (condition) { alert("我将出现!"); } condition = false; if (condition) { alert("我不会出现!"); } else { alert("我会出现!"); } condition ="some string

JavaScript 中关于Date的内置对象属性和方法的总结

Date 属性: 1.constructor    所建立对象的函数参考 2.prototype      能够为对象加入的属性和方法 方法: 1.getDay()    返回一周中的第几天(0-6) 2.getYear()    返回年份.2000年以前为2位,2000(包含)以后为4位 3.getFullYear()     返回完整的4位年份数 4.getMonth()      返回月份数(0-11) 5.getDate()       返回日(1-31) 6.getHours()  

ASP.NET常用内置对象

ASP.NET 常用内置对象:Response对象.Request对象.Session对象.Server对象.Application对象 1.Response对象: (1) 用于向浏览器输出信息 常用的方法是:Response.Write()方法,例如:Response.Write("Hello"); Response.Write(“<b>当前时间是:</b>"+DateTime.Now); (2)利用Response.Redirect()方法进行页面

javascript 基础学习整理 二 之 html对象总结,参考W3C

Anchor 对象 更改一个链接的文本.URL 以及 target 使用 focus() 和 blur() 向超链接添加快捷键 Document 对象 使用 document.write() 向输出流写文本 使用 document.write() 向输出流写 HTML 返回当前文档的标题 返回当前文档的 URL 返回当前文档的 referrer 返回下载当前文档的服务器域名 使用 getElementById() 使用 getElementsByName() 打开一个新的文档,添加一些文本,然后

ASP.NET的七个内置对象

1.Response对象 2.Request对象 3.ViewState对象 4.Sever对象 5.Cookies对象 6.Session对象 7.Appliceation对象 Cookie:是一种网站服务器往客户端内存或硬盘保存少量数据(4kb左右)的一种技术.利用此可以作为验证用户登陆的一种手段以及保存用户浏览记录等等. Cookie一般历程: 1.用户请求网站页面,网站服务端往客户端添加特定的Cookie信息 2. 当用户再次请求时浏览器默认把Cookie封装到Http报文发送会服务端,

Tomcat的常用内置对象

Tomcat的常用内置对象 1.request内置对象 所谓内置对象就是容器已经创建好了的对象,如果收到一个用户的请求就会自动创建一个对象来处理客户端发送的一些信息,这个内置对象就是request.类型是javax.servlet.http.HttpServletRequest.  request内置对象包含了用户发送的一些信息,我们可以使用对应的成员方法进行操作,下面举一些常见的方法. 1 System.out.println("浏览器信息:"+req.getHeader("