Javascript内置对象

常用内置对象

1、String(常用于处理字符串)

  • charAt(index):获取指定位置的字符。
js 复制代码
const str = "Hello";
console.log(str.charAt(1)); // 输出: "e"
  • indexOf(searchValue, fromIndex):返回指定值首次出现的索引,如果未找到返回-1
js 复制代码
const str = "Hello, World!";
console.log(str.indexOf("World")); // 输出:7
console.log(str.indexOf("Moon")); // 输出:-1
  • replace(searchValue, replacement):替换字符串中的内容,返回新字符串。searchValue可以是字符串或正则表达式。
js 复制代码
const str = "Hello World";
console.log(str.replace("World", "JavaScript")); // 输出: "Hello JavaScript"
  • substring(start, end):截取字符串。
  • split(separator):将字符串分割为数组。
  • toUpperCase()toLowerCase():转换大小写。
  • trim():去除字符串两端的空白字符。

2、Array(处理数组)

  • push(element) :在数组末尾添加一个或多个元素,并返回新数组的长度
js 复制代码
const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出: [1, 2, 3, 4]
  • pop():删除并返回数组的最后一个元素
js 复制代码
const arr = [1, 2, 3];
console.log(arr.pop()); // 输出: 3
console.log(arr); // 输出: [1, 2]
  • map(callback):对数组的每一个元素执行回调函数,并返回一个新数组
js 复制代码
const arr = [1, 2, 3];
const newArr = arr.map(x => x * 2);
console.log(newArr); // 输出: [2, 4, 6]
  • filter(callback):返回一个新数组,包含通过回调函数测试的元素
js 复制代码
const arr = [1, 2, 3, 4];
const filteredArr = arr.filter(x => x > 2);
console.log(filteredArr); // 输出: [3, 4]
  • shift()unshift():在数组开头删除或添加元素。
  • slice()splice():截取或修改数组。
  • find()findIndex():查找数组中的元素。
  • reduce() :对数组中的元素进行累积计算。

3、Date(处理日期和时间)

  • new Date():创建当前日期对象。
  • getFullYear():返回日期的年份(四位数)
js 复制代码
const date = new Date();
console.log(date.getFullYear()); // 输出: 当前年份(如 2023)
  • getMonth():返回日期的月份(0到11,0表示1月)
js 复制代码
const date = new Date();
console.log(date.getMonth()); // 输出: 当前月份(如 9 表示 10 月)
  • getHours()getMinutes()getSeconds():获取时、分、秒。
  • toISOString():将日期转换为 ISO 格式字符串。

4、Math(提供数学运算的属性和方法)

  • Math.random():返回一个0到1之间的随机数(包含0,不包含1)
  • Math.floor():返回小于或者等于指定数字的最大整数(向下取整)
  • Math.ceil()Math.round():向上取整、四舍五入。
  • Math.max()Math.min():返回最大值或最小值。
  • Math.pow(x, y):返回 x 的 y 次幂。
  • Math.sqrt(x):返回 x 的平方根。

全局对象(global objects)与属性

常见的全局对象属性和方法:

  • undefined:表示未定义的值。
  • Infinity:表示无穷大的值。
  • NaN:表示非数字值。
  • eval() :将字符串作为代码执行。
  • setTimeout() :在指定的延迟后执行函数。
  • clearTimeout() :取消setTimeout设置的定时器。
  • setInterval() :每隔指定的时间间隔执行函数。
  • clearInterval() :取消setInterval设置的定时器。

常见布局方法

  • parseInt(string):将字符串转换为整数。
  • parseFloat(string):将字符串转换为浮点数。
  • isNaN(value):检查值是否为 NaN
  • eval(string):执行字符串中的 JavaScript 代码(不推荐使用,存在安全隐患)。

JSON对象

JSON 是 JavaScript 中用于处理 JSON 格式数据的对象。

  • JSON.parse(string) :解析字符串为对象
js 复制代码
const jsonString = '{"name": "John", "age": 30}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // 输出: "John"
  • JSON.stringify():序列化对象为字符串。
js 复制代码
const obj = { name: "John", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出: '{"name":"John","age":30}'

window对象

在浏览器环境中,window 是全局对象,所有全局变量和函数都是 window 对象的属性和方法。

常见属性和方法

  • window.console.log():输出日志。
  • window.document:操作 DOM。
  • window.localStorage:存储本地数据。
  • window.setTimeout():设置定时器。

总结

  • 全局对象 :在浏览器中是 window,在 Node.js 中是 global
  • JSONJSON.parse()JSON.stringify() 是处理 JSON 数据的常用方法。
  • window 对象:浏览器环境中的全局对象,提供了许多实用的属性和方法。
相关推荐
nvd112 分钟前
企业级 LLM 实战:在受限环境中基于 Copilot API 构建 ReAct MCP Agent
前端·copilot
Dragon Wu11 分钟前
TailWindCss cva+cn管理样式
前端·css
烤麻辣烫16 分钟前
Web开发概述
前端·javascript·css·vue.js·html
Front思26 分钟前
Vue3仿美团实现骑手路线规划
开发语言·前端·javascript
徐同保29 分钟前
Nano Banana AI 绘画创作前端代码(使用claude code编写)
前端
Ulyanov29 分钟前
PyVista与Tkinter桌面级3D可视化应用实战
开发语言·前端·python·3d·信息可视化·tkinter·gui开发
计算机程序设计小李同学29 分钟前
基于Web和Android的漫画阅读平台
java·前端·vue.js·spring boot·后端·uniapp
干前端31 分钟前
Message组件和Vue3 进阶:手动挂载组件与 Diff 算法深度解析
javascript·vue.js·算法
lkbhua莱克瓦2432 分钟前
HTML与CSS核心概念详解
前端·笔记·html·javaweb
沛沛老爹33 分钟前
从Web到AI:Agent Skills CI/CD流水线集成实战指南
java·前端·人工智能·ci/cd·架构·llama·rag