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实现获取毫秒值及转换成年月日时分秒的方法

    获取毫秒值及转换成年月日时分秒是JavaScript开发中的基础操作,以下是获取毫秒值及转换成年月日时分秒的完整攻略。 获取毫秒值 获取当前时间距离1970年1月1日0时0分0秒(UTC)的毫秒数,可以使用JavaScript中的Date.now()方法,它会返回当前时间的毫秒值,示例如下: const currentTime = Date.now(); c…

    JavaScript 2023年5月27日
    00
  • 关于URL中的特殊符号使用介绍

    下面是详细讲解“关于URL中的特殊符号使用介绍”的攻略。 什么是URL中的特殊符号? URL是Uniform Resource Locator的缩写,统一资源定位符。在网页浏览器的地址栏中输入的网址就是URL。而很多网址中,都包含有一些特殊符号。这些特殊符号在URL中有着一些特殊的意义和使用方法。 URL中的特殊符号 下面列出了常见的URL中的特殊符号: /…

    JavaScript 2023年5月19日
    00
  • AJAX 支持搜索引擎问题分析

    AJAX 支持搜索引擎问题分析 搜索引擎可以的爬行器(spider)抓取网站的数据,并将其存储在搜索引擎的数据库中。搜索引擎将这些数据从数据库中检索出来以满足用户的查询需求。然而,一些网站是使用了 AJAX 技术来实现异步请求的,这可能会导致搜索引擎无法获取到这些网站的数据,而无法对其进行索引。 要解决这个问题,我们需要做一些改变,以便搜索引擎可以正确地获得…

    JavaScript 2023年6月11日
    00
  • ajax实现加载数据功能

    下面是“ajax实现加载数据功能”的完整攻略: 什么是 AJAX? Ajax即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML)。Ajax 可以在不重新加载整个网页的情况下,请求服务器返回不同的数据。比如,在一个搜索页面中,当用户输入关键字搜索时,可以通过 Ajax 在不刷新页面的情况下返回相应的搜索…

    JavaScript 2023年6月11日
    00
  • JS创建对象的四种方式

    以下是“JS创建对象的四种方式”的完整攻略: 1. 对象字面量 对象字面量是一种最简单的对象创建方式,就是直接在代码中书写一个对象。具体格式如下: let obj = { key1: ‘value1’, key2: ‘value2’, key3: function() { console.log(‘this is a method’); } } 其中,对象中…

    JavaScript 2023年5月27日
    00
  • JavaScript TypeScript实现贪吃蛇游戏完整详细流程

    JavaScript TypeScript实现贪吃蛇游戏完整详细流程 1. 前置技能 开发这个项目需要对以下技术点有所了解: HTML 和 CSS 基础知识 JavaScript 的语法和基本的编程能力 TypeScript 的基本语法和类型声明 Canvas 知识 2. 项目总体思路 本项目的核心代码部分是实现贪吃蛇在 Canvas 画布上的移动和碰撞检测…

    JavaScript 2023年5月27日
    00
  • 微信小程序项目实践之九宫格实现及item跳转功能

    以下是《微信小程序项目实践之九宫格实现及item跳转功能》的完整攻略。 1. 确定页面结构 首先,我们需要确定页面的基本结构,包括 view、scroll-view、block 等组件。页面结构如下: <!– page.wxml –> <scroll-view class="grid-container"> &…

    JavaScript 2023年6月11日
    00
  • js实现防抖(debounce)与节流(throttle)

    防抖(debounce) 一句话概括:防抖是给定一个时间周期,如果触发事件的周期小于该事件(也就是触发过快),则不会触发事件。举个例子:我给定的时间周期是1s,如果我在触发第一次事件后1s内触发该事件,则重新开始计时,直到触发周期大于1s才会执行事件的方法。 function debounce(fn,timeout){ let timer = null re…

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