JavaScript 内置对象 数据类型

目录

JavaScript 内置对象

1.内置对象

2.查文档

2.1MDN

2.2 如何学习对象中的方法

3.Math对象

3.1Math 概述

 3.2随机数方法 random() 

4. 日期对象

4.1Date 概述

4.2Date() 方法的使用

4.3 日期格式化

4.4获取毫秒的总的毫秒形式

5.数组对象

5.1数组对象的创建

5.2检测是否为数组

5.3添加删除数组元素的方法

 5.4数组排序

5.5数组索引方法

5.6数组转换为字符串

6.字符串对象

6.1基本包装类型

6.2字符串的不可变

6.3根据字符返回位置

6.4根据位置返回字符(重点)

6.5字符串操作方法(重点)

·        数据类型

1.简单数据类型与复杂数据类型

2.堆和栈


JavaScript 内置对象

1.内置对象

  • JavaScript 中的对象分为三种:自定义对象,内置对象,浏览器对象
  • 前面两种对象时js基础,属于ECMAScript: 第三个浏览器对象属于我们JS独有的
  • 内置对象就是指JS语言自带的一些对象,这些对象提供开发者使用,并提供了一些常用的或是最基础而必要的功能(属性和方法) 

2.查文档

2.1MDN

Mozilla开发者网络(MDN)提供了相关开放网络技术(open web) 的信息,包括HTML CSS 和万维网及HTML5的应用的API

https://developer.mozilla.org/zh-CN/

2.2 如何学习对象中的方法

  1. 查阅该方法的功能
  2. 查看里面的参数的意义和类型
  3. 查看返回值的类型
  4. 通过demo 进行测试

3.Math对象

3.1Math 概述

Math 对象不是构造函数,它具有数字常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整,最大值等)可以使用 Math 中的成员。

Math.PI   //圆周率

Math.floor()   // 向下取整

Math.ceil()  // 向上取整

Math.round() // 四舍五入  就近取整  注意 -3.5  结果是 -3

Math.abs()  // 绝对值

Math.max()  Math.min()  //求最大值和最小值 

 3.2随机数方法 random() 

  1.Match 对象随机数放啊 random() 返回一个随机小数  0 <= x < 1

   2.这个方法里面不带参数

        console.log(Math.random());

       我们想要得到两个数之间的随机整数 并且 包含这两个数

        Math.floor(Math.random()*(max - min + 1)) + min;     

   function getRandom(min,max) {return Math.floor(Math.random() * (max - min + 1)) + min;}console.log(getRandom(1,10));

4. 日期对象

4.1Date 概述

  • Date 对象和 Math 对象不一样,他是一个特殊的构造函数,所以我们需要实例化后才能使用
  • Date 实例用来处理日期和时间 

4.2Date() 方法的使用

1.获取当前时间必须实例化

var now = new Date();

console.log(now);

2.Date() 构造函数的参数

如果括号里面有时间,就返回参数里面的时间。例如日期格式字符串为 ‘2023-5-1’,可以写成 new Date(‘2023-5-1’)或者 new Date('2019/5/1')

4.3 日期格式化

4.4获取毫秒的总的毫秒形式

Date对象是基于1970年1月1日(世界标准时间)起的毫秒数。

获取Dtae总的毫秒数  不是当前时间的毫秒数  而是距离1970年1月1日过了多少毫秒

1.通过valueOf()  getTime() 可以得到

        var date = new Date();

        console.log(date.valueOf());

        console.log(date.getTime());

2.简单的写法   最常用的写法

        var date1 = +new Date();  // +new Date()  返回的就是总的毫秒数

        console.log(date1);

3.H5 新增的 获得总的毫秒数

        console.log(Date.now()); 

5.数组对象

5.1数组对象的创建

  • 字面创建
  • new Array() 

5.2检测是否为数组

 1.instanceof 运算符  可以用来检测是否为数组

2.Array.isArray(arr);  H5新增的方法  ie9以上版本支持

5.3添加删除数组元素的方法

 5.4数组排序

方法名说明是否修改原来的数组
reverse()颠倒数组中元素的顺序,无参数该方法会改变原来的数组,返回新数组
sort()对数组的元素进行排序该方法会改变原来的数组 返回新数组

5.5数组索引方法

方法名说明返回值
indexOf()数组中查找给定元素的第一个索引如果存在返回索引号,如果不存在,则返回-1
lastIndexOf()在数组中的最后一个的索引如果存在返回索引号,如果不存在,则返回-1

5.6数组转换为字符串

方法名说明返回值
toString()把数组转换成字符串,逗号分割每一项返回一个字符
join('分隔符')方法用于把数组中的所有元素转换为一个字符串返回一个字符串
concat()连接两个或多个数组   不影响原数组返回一个新数组
slice()数组截取slice(begin,end)返回被截取项目的新数组
splice()数组删除splice(第几个开始,要删除个数())返回被删除项目的新数组 注意,这个会影响原数组

6.字符串对象

6.1基本包装类型

为了方便操作基本数据类型,JavaScript还提供了三个特殊的引用类型:String,Number和Boolean.

基本包装类型就是把简单数据类型包装成为复杂数据类型,这样基本数据类型就有了属性和方法。

6.2字符串的不可变

指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内容中新开辟了一个内存空间。

6.3根据字符返回位置

字符串所有的方法,都不会修改字符串本身(字符串是不可变的),操作完成会返回一个新的字符串。

方法名说明
indexOf('要查找的字符',开始的位置)返回指定内容在原字符串的位置,如果找不到就返回-1,开始的位置是index索引号
lastIndexOf()从后往前找,只找第一个匹配的

6.4根据位置返回字符(重点)

方法名说明使用
charAt(index)返回指定位置的字符(index 字符串的索引号)str.charAt(0)
charCodeAt(index)获取指定位置处理字符的ASSII码(index索引号)str.charCodeAt(0)
str[index]获取指定位置处字符HTML5,IE8 + 支持和 charAt() 等效

6.5字符串操作方法(重点)

方法名说明
concat(str1,str2,str3...)concat() 方法用于连接连两个或多个字符串。拼接字符串,等效于 +, +更常用
substr(start,length)从start位置开始(索引号)length 取的个数
slice(start,end)从start位置开始,截取到end 位置,end取不到(他们两都是索引号)
substring(start,end)从start位置开始,截取到end位置,end取不到 基本和slice 相同但是接受负值

·        数据类型

1.简单数据类型与复杂数据类型

简单类型有叫做基本数据类型或者值类型,复杂数据类型又叫做引用类型。

  • 值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型。string number boolean underfined null
  • 引用类型:复杂数据类型,在存储时变量中存储的仅仅时地址(引用),因此叫做引用数据类型通过new 关键字创建的对象(系统对象,自定义对象),如 Object,Array,Date等。

2.堆和栈

堆空间分配区别:

1.栈(操作系统):由操作系统自动分配释放的参数值,局部变量的值等。其操作方式类似于数据结构中的栈;

简单数据类型存放到栈里面

2.堆(操作系统):存储复杂类型(对象)一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。

复杂数据类型存储在堆里面。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/3231.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

互联网编程之基于 TCP 的单线程文件收发程序(CS架构)

目录 需求 服务端实现 客户端实现 测试 需求 可试着根据java编程课所学到的java socket编程技术&#xff0c;尝试编写一个基于 TCP 的单线程文件收发程序&#xff0c;需满足&#xff1a; 服务端程序预先定义好需要发送的文件并等待客户端的连接。 客户端连接成功后&…

CSS之平面转换

简介 作用&#xff1a;为元素添加动态效果&#xff0c;一般与过渡配合使用 概念&#xff1a;改变盒子在平面内的形态&#xff08;位移、旋转、缩放、倾斜&#xff09; 平面转换也叫 2D 转换&#xff0c;属性是 transform 平移 transform: translate(X轴移动距离, Y轴移动距…

项目中遇到的问题总结(四)

GateWay和Nginx的相同点和不同点在哪里&#xff1f; Gateway 和 Nginx 都是常见的反向代理服务器&#xff0c;它们的相同点和不同点如下&#xff1a; 相同点&#xff1a; 都可以作为反向代理服务器&#xff0c;接收来自客户端的请求并转发到后端服务器进行处理。 都支持负载均…

Android:设计模式

文章参考来源1 文章参考来源2 文章参考来源3 MVC Model 数据来源&#xff0c;管理业务数据逻辑&#xff0c;读取数据等 View 视图 Controller 单例模式&#xff0c;处理业务逻辑&#xff0c;负责改变Model和View 经典的MVC架构是 用户点击View&#xff0c;View将用户输入转…

搭建自己的 new bing网站----nginx反代(群晖,全docker版)

文章目录 1.前言&#xff1a;2. 部署过程&#xff1a;2.1.部署go-proxy-bing 项目&#xff1a;2.1.部署nginx反代&#xff1a;这两步完成实际上就可以访问了&#xff0c; 3.部署聊天服务器&#xff1a;代表链接成功&#xff01; 1.前言&#xff1a; 本篇教程全萌新向&#xff…

12-代码实战——服务器版表白墙

目录 1.版本一&#xff1a;将数据存到内存中 ①约定前后端交互接口 a.添加表白信息&#xff1a; b.查询表白列表&#xff1a; ②在webapp包下创建message-wall.html前端文件 ③在java包下创建AddMessageServlet后端类 ④在java包下创建MessageListServlet后端类 2.版本…

Python案例——采集专栏文章保存成pdf

前言 嗨喽&#xff0c;大家好呀~这里是爱看美女的茜茜呐 环境使用: python 3.8 >>>>>> 运行代码 pycharm 2022.3 >>>>>> 辅助敲代码 wkhtmltopdf 软件 找助理邀课老师获取 模块使用: 内置模块 re >>>正则表达式 第三方模…

二重积分的解题技巧

计算方法 本节内容一般都应该先画图再思考后续内容较为直观 基本口诀是&#xff1a;后积先定限&#xff0c;限内画条线&#xff0c;先交写下限&#xff0c;后交写上限&#xff08;且下限必须小于上限&#xff09; 结合下图进行解释&#xff0c;后积先定限&#xff0c;对于X-型来…

VMIC-pci-5565反射内存的优势

优势&#xff1a; &#xff08;1&#xff09;实现远程互连的能力 随着仿真实验复杂度的提高&#xff0c;需要多楼宇多试验室间设备的远程互连&#xff0c;通过单模光纤及光纤HUB将远距离的试验室设备进行连接&#xff0c;单模光纤支持的传输距离可达20km。对于距离300m以内的试…

循坏队列CircularQueue

前言 一、CircularQueue 二、特点 三、设计思路 1&#xff09;判空与判满 2&#xff09;链表还是数组实现&#xff1f; 四、实现 1).IsEmpty() 2).IsFull() 3)CircularQueueCreate创建 4&#xff09;CircularQueueEnQueue插入 5&#xff09;CircularQueueDeQueue删除 6&#xf…

C++——string容器常用操作汇总

纵有疾风起&#xff0c;人生不言弃。本文篇幅较长&#xff0c;如有错误请不吝赐教&#xff0c;感谢支持。 &#x1f4ac;文章目录 一.string容器基本概念二.string容器常用操作✅前言及函数参数的说明一.构造和析构二.string特性操作三.字符操作四.赋值操作五.拼接操作六.交换…

亚马逊云科技积极探索多样化生态合作模式,助力实现可持续发展愿景

2023年6月26日&#xff0c;亚马逊云科技中国峰会在上海世博中心盛大开幕&#xff01;以主题“因构建 而可见”为大家拉开帷幕。当前&#xff0c;越来越多的企业客户&#xff0c;以及当地政府监管机构对企业的要求&#xff0c;都需要企业告知碳足迹&#xff0c;亚马逊云科技提供…