欢迎光临
我们一直在努力

如何系统学习并掌握JavaScript内置对象?

JS内置对象学习笔记

一、概述

如何系统学习并掌握JavaScript内置对象?

JavaScript中的内置对象是语言的核心部分,用于提供常用的功能和操作,这些对象包括处理字符串、数学运算、日期和时间、数组等基本任务,本文将详细介绍几个常用的内置对象及其方法。

二、常用内置对象

1、Object

作用:表示一个对象,是所有其他对象的基类。

常用方法

Object.create(proto, propertiesObject):创建一个新对象,具有指定的原型和属性。

Object.defineProperty(obj, prop, descriptor):定义一个或多个属性,并控制它们的可枚举性、可配置性和可写性。

Object.keys(obj):返回一个由对象的自身可枚举属性组成的数组。

Object.freeze(obj):冻结对象,防止修改现有属性和新属性的添加。

2、Array

作用:表示一个数组,可以存储多个值。

常用方法

push(element1, ..., elementN):在数组末尾添加一个或多个元素。

pop():移除数组末尾的元素并返回该元素。

shift():移除数组开头的元素并返回该元素。

unshift(element1, ..., elementN):在数组开头添加一个或多个元素。

splice(start, deleteCount, ...items):通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。

map(callbackFn(currentValue[, index[, array]])[, thisArg] ):创建一个新的数组,其结果是调用提供的函数后当前数组的每个元素。

3、String

作用:表示字符串,是字符的序列。

常用方法

charAt(index):返回指定索引处的字符。

concat(string1, string2, ..., stringN):连接两个或多个字符串。

indexOf(searchValue, fromIndex):返回首次出现的指定值的索引。

lastIndexOf(searchValue, fromIndex):返回最后一次出现的指定值的索引。

replace(searchValue, newValue):返回一个新字符串,其中正则表达式匹配的部分被替换为新子字符串。

slice(beginIndex, endIndex):提取字符串的一部分并返回一个新字符串,不改变原字符串。

4、Date

作用:表示日期和时间。

如何系统学习并掌握JavaScript内置对象?

常用方法

getFullYear():获取四位数的年份。

getMonth():获取月份(011)。

getDate():获取一个月中的某一天(131)。

getHours():获取小时(023)。

getMinutes():获取分钟(059)。

getSeconds():获取秒数(059)。

getMilliseconds():获取毫秒数(0999)。

setFullYear(year):设置四位数的年份。

setMonth(month):设置月份(011)。

setDate(day):设置一个月中的某一天(131)。

setHours(hour):设置小时(023)。

setMinutes(minute):设置分钟(059)。

setSeconds(second):设置秒数(059)。

setMilliseconds(millisecond):设置毫秒数(0999)。

5、Math

作用:提供数学常数和函数。

常用方法

abs(x):返回数字的绝对值。

ceil(x):向上取整。

floor(x):向下取整。

round(x):四舍五入。

random():返回一个介于0(含)和1(不含)之间的伪随机数。

max(a, b, ..., n):返回集合中的最大值。

min(a, b, ..., n):返回集合中的最小值。

pow(base, exponent):返回基数的指数次幂。

sqrt(x):返回数字的平方根。

6、RegExp

作用:表示正则表达式,用于复杂的模式匹配和搜索。

如何系统学习并掌握JavaScript内置对象?

常用方法

exec(str):在字符串中执行搜索匹配。

test(str):测试正则表达式与指定字符串是否匹配。

match(str):匹配字符串中的字符。

matchAll(str):返回一个包含所有匹配正则表达式结果的数组。

search(str):执行搜索匹配,返回第一个匹配项的索引。

replace(searchValue, newValue):执行查找匹配并替换。

7、Function

作用:表示函数,是一等公民,可以像变量一样传递和赋值。

常用方法

apply(thisArg, [argsArray]):调用函数,设置this值和参数列表。

bind(thisArg, ...boundArgs):创建一个新的函数,当调用时,在其this值和初始参数方面类似于绑定函数。

call(thisArg, arg1, arg2, ...):调用函数,设置this值和参数列表。

8、JSON

作用:用于解析和生成JSON数据。

常用方法

parse(text, reviver):解析JSON字符串,构造由字符串描述的JavaScript值或对象。

stringify(value, replacer, space):将JavaScript值转换为JSON字符串。

三、相关问题与解答栏目

问题1: 如何在JavaScript中创建一个空对象?

答案: 可以通过对象字面量{}或使用构造函数new Object()来创建一个空对象。

let emptyObj = {};
let anotherEmptyObj = new Object();

问题2: 如何判断一个变量是否是数组?

答案: 可以使用instanceof操作符或Array.isArray()方法来判断一个变量是否是数组。

let arr = [1, 2, 3];
console.log(arr instanceof Array); // true
console.log(Array.isArray(arr)); // true

问题3: 如何使用正则表达式匹配字符串中的特定模式?

答案: 可以使用正则表达式对象的exec()test()match()等方法来匹配字符串中的特定模式。

let pattern = /hello/i;
let str = "Hello World";
console.log(pattern.test(str)); // true
console.log(str.match(pattern)); // ["Hello"]

问题4: 如何将JavaScript对象转换为JSON字符串?

答案: 可以使用JSON.stringify()方法将JavaScript对象转换为JSON字符串。

let obj = {name: "John", age: 30};
let jsonStr = JSON.stringify(obj);
console.log(jsonStr); // '{"name":"John","age":30}'

以上就是关于“js内置对象 学习笔记”的问题,朋友们可以点击主页了解更多内容,希望可以够帮助大家!

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《如何系统学习并掌握JavaScript内置对象?》
文章链接:https://yuyunkj.com/article/9558.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发