JavaScript高级程序设计之基本引用类型

JavaScript高级程序设计之基本引用类型

在JavaScript中,有许多内置的对象类型,其中最常用的就是基本引用类型。这里所谓的基本引用类型包括Object、Array、Date、RegExp等。

Object

Object是JavaScript中最常用的对象,也是所有对象类型的基础。Object类型是由若干个无序的键值对组成的。每个键值对被称为一个属性(property)。

创建一个简单的Object对象


//方法一
var person = {};
person.name = "Ken";
person.age = 24;

//方法二
var person = {
    name: "Ken",
    age: 24
};

属性访问

访问对象属性有两种方式,一是使用点表示法,二是使用括号表示法。


var person = {
    name: "Ken",
    age: 24
};

//使用点表示法访问属性
console.log(person.name); //输出 Ken

//使用括号表示法访问属性
console.log(person["name"]); //输出 Ken

Array

Array是一种特殊的对象类型,可以存储有序的数据集合。JavaScript数组可以包含任意数据类型,包括其他数组。

创建一个简单的Array对象


//方法一
var arr = new Array();
arr[0] = "apple";
arr[1] = "orange";
arr[2] = "banana";

//方法二
var arr = ["apple", "orange", "banana"];

数组长度

使用length属性可以获取数组中元素的数量。


var arr = ["apple", "orange", "banana"];
console.log(arr.length); //输出 3

Date

Date是JavaScript中处理日期和时间的对象类型。它内部使用一个64位的整数来存储日期和时间,表示从1970年1月1日午夜开始过去的毫秒数。

创建一个简单的Date对象


//获取当前时间
var now = new Date();

//指定时间:年、月、日
var date = new Date(2021, 0, 1);

//指定时间:年、月、日、时、分、秒
var datetime = new Date(2021, 0, 1, 12, 0, 0);

获取日期信息

Date对象提供了一系列方法来获取日期、时间、年月日等信息。


var now = new Date();
console.log(now.getFullYear()); //输出当前的年份
console.log(now.getMonth()); //输出当前的月份(注意这里是从0开始的,0表示1月,11表示12月)
console.log(now.getDate()); //输出当前日期
console.log(now.getDay()); //输出当前星期几,0表示星期日,1表示星期一

RegExp

RegExp是一种用于匹配文本的对象类型,通过规则表达式来实现文本匹配。

创建一个简单的RegExp对象


//只匹配数字
var reg = /\d+/;

//匹配电子邮箱
var emailReg = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

文本匹配

RegExp对象提供了一系列方法来实现文本的匹配,包括test()和exec()等方法。


//测试文本是否符合正则规则
var reg = /\d+/;
console.log(reg.test("123456")); //输出 true
console.log(reg.test("abc")); //输出 false

//使用exec()方法获取匹配结果
var emailReg = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
var result = emailReg.exec("ken.peng123@gmail.com");
console.log(result); //输出匹配结果

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript高级程序设计之基本引用类型 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • 关于JS中二维数组的声明方法

    声明一个二维数组通常使用以下两种方法: 1. 初始化数组并声明数组的行列数 使用嵌套的for循环初始化数组,示例如下: // 声明一个3行4列的数组 var matrix = []; for (var i = 0; i < 3; i++) { matrix[i] = []; for (var j = 0; j < 4; j++) { matrix…

    JavaScript 2023年5月27日
    00
  • 把Javascript代码应用到网页中的方法

    当我们编写了JavaScript代码之后,需要将其应用到网页中。以下是将JavaScript代码应用到网页中的方法: 使用script元素嵌入JavaScript代码 在HTML文档中,使用script元素可以直接嵌入JavaScript代码。使用此方法,可以将JavaScript代码嵌入到HTML文件的其中一部分。 语法 <script> //…

    JavaScript 2023年5月27日
    00
  • JavaScript实现环绕鼠标旋转效果

    JavaScript实现环绕鼠标旋转效果的过程可以分为以下几个步骤: 确定旋转的中心点 监听鼠标移动事件 计算鼠标位置和中心点的夹角 将计算出来的夹角应用到旋转的元素上,使其旋转 以下是两个示例说明: 示例1:使用CSS3 transform属性实现环绕鼠标旋转 HTML结构: <div class="wrap"> <d…

    JavaScript 2023年6月10日
    00
  • 带你揭开神秘的Javascript AST面纱之Babel AST 四件套的使用方法

    作者:京东零售 周明亮 写在前面 这里我们初步提到了一些基础概念和应用: 分析器 抽象语法树 AST AST 在 JS 中的用途 AST 的应用实践 有了初步的认识,还有常规的代码改造应用实践,现在我们来详细说说使用 AST, 如何进行代码改造? Babel AST 四件套的使用方法 其实在解析 AST 这个工具上,有很多可以使用,上文我们已经提到过了。对于…

    JavaScript 2023年4月17日
    00
  • JavaScript中十种一步拷贝数组的方法实例详解

    JavaScript中十种一步拷贝数组的方法实例详解 在JavaScript中,我们常常需要对数组进行复制或者克隆,以便在之后的操作中更加方便。本文将详细讲解JavaScript中十种一步拷贝数组的方法,并给出相应的实例说明。 1. 使用数组的slice方法 let arr1 = [1, 2, 3, 4, 5]; let arr2 = arr1.slice(…

    JavaScript 2023年5月27日
    00
  • Javascript Array splice 方法

    以下是关于JavaScript Array splice方法的完整攻略。 JavaScript Array splice方法 JavaScript Array splice方法用于向数组中添加或删除元素。该方法会改变原始数组,并返回被删除元素。 下面是一个使用splice方法的示例: var arr = [1, 2, 3, 4, 5]; arr.splice…

    JavaScript 2023年5月11日
    00
  • JavaScript对HTML DOM使用EventListener进行操作

    JavaScript操作HTML DOM JavaScript 是一门用于为网页添加动态效果的脚本语言。它可以在 Web 页面中执行计算、响应用户操作、更新 HTML 与 CSS、处理事件等。其中,操作 HTML DOM 是 JavaScript 中最常见的操作之一。 HTML DOM 简介 HTML DOM 是一种基于树的对象模型。HTML 文档被解释为树…

    JavaScript 2023年6月10日
    00
  • 解析JavaScript中的字符串类型与字符编码支持

    解析JavaScript中的字符串类型与字符编码支持 在JavaScript中,字符串类型是一种非常基础的数据类型,通常由一些字符组成。本攻略将详细讲解JavaScript中的字符串类型以及字符编码支持。 字符定义 在JavaScript中,一个字符是指一个单一的字符,可以是字母、数字、符号等等,每个字符都有用于表示它的唯一二进制数字编码。在ASCII(Am…

    JavaScript 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部