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中数组的迭代方法和归并方法

    详谈JS中数组的迭代方法和归并方法 什么是迭代方法? 在JavaScript中,迭代方法是一种对数组进行操作的函数,在数组中迭代每一个元素并执行指定的操作,最终返回一个新的数组或其他值。常见的迭代方法有forEach()、map()、filter()、some() 和 every() 等。 示例 1:forEach() forEach() 方法用于遍历每个元…

    JavaScript 2023年5月27日
    00
  • ES2020 新特性(种草)

    ES2020 新特性(种草) ES2020是ECMAScript标准的最新版本。此版本包含了许多新特性,使得JavaScript开发更加方便和高效。本篇攻略将介绍ES2020中的新特性。 1. 可选链操作符(?.) 通常情况下,在使用对象属性或方法之前,需要先检查该对象是否存在。比如: if (obj && obj.prop) { // do…

    JavaScript 2023年5月28日
    00
  • 谈谈JS中常遇到的浏览器兼容问题和解决方法

    JS在不同的浏览器中实现方式不尽相同,经常会出现浏览器兼容问题。下面将谈谈JS中常见的浏览器兼容问题和解决方法。 常见的浏览器兼容问题 1. DOM 方法 在不同的浏览器中,DOM(文档对象模型)的许多方法会有所不同。例如,某些浏览器不支持某些DOM属性或方法,而其他浏览器则支持。另外,domReady事件在不同的浏览器中实现方式也不尽相同。 2. 响应事件…

    JavaScript 2023年6月11日
    00
  • javascript中eval函数用法分析

    JavaScript中eval函数用法分析 在 JavaScript 中,eval() 函数是一个非常有用的函数,可以用来执行字符串中的代码。本文将分析 eval() 函数的用法及其潜在的安全问题。 什么是eval函数 eval() 函数是 JavaScript 语言中的一个函数,可以将一个字符串作为代码执行。其基本语法如下: eval(string) 其中…

    JavaScript 2023年5月28日
    00
  • JS获取一个表单字段中多条数据并转化为json格式

    要获取一个表单字段中多条数据并转化为JSON格式,可以按如下步骤进行: 获取表单字段的值 首先,需要获取表单字段的值。可以使用document.getElementsByName()方法来获取表单字段的所有值。 例如,表单中有一个名称为“fruit”的checkbox列表,它包含多个不同的水果,可以使用以下代码获取所选水果的值: var fruit = do…

    JavaScript 2023年5月27日
    00
  • 深入理解javascript中的this

    深入理解JavaScript中的this的完整攻略 什么是this 所谓 this ,就是JavaScript中一个相对特殊的关键字,指向当前函数的执行环境。换句话说,this 可以看做是一个对象,这个对象指向的是函数执行时所在的环境对象,而这个环境对象是由调用方式来决定的。 this指向的典型情况 在JavaScript中,this 的指向是根据如何调用当…

    JavaScript 2023年6月10日
    00
  • ECMAScript6快速入手攻略

    下面是“ECMAScript6快速入手攻略”的完整攻略: 什么是ECMAScript6? ECMAScript6是JavaScript的一种新版本,也称为ECMAScript2015。它是一种相对于ES5更先进且功能更强大的脚本语言,它改进了很多的语法。它不是一种新的语言,而是JavaScript的下一代标准。 如何使用ECMAScript6? 要开始使用E…

    JavaScript 2023年6月11日
    00
  • JavaScript箭头(arrow)函数详解

    JavaScript箭头(arrow)函数详解 箭头函数的概念 Arrow Function 是 ECMAScript 6 引入的新特性,通常又称为箭头函数。它是一种更简洁、更易读、更简单的函数定义方式。 箭头函数表达式语法形如: (param1, param2, …, paramN) => { statements } 箭头函数完整语法可以看做简化版…

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