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 对象:浏览器环境中的全局对象,提供了许多实用的属性和方法。
相关推荐
IT_陈寒8 小时前
SpringBoot这个自动配置坑我跳了三次
前端·人工智能·后端
kyriewen8 小时前
我用 AI 一周写完了整个项目,上线第一天就崩了——这是我踩过最贵的 5 个坑
前端·javascript·ai编程
Larcher9 小时前
AI Loop:让AI像人一样自主完成任务的核心机制
javascript·人工智能·设计模式
默_笙9 小时前
🃏 JS 只有 8 种数据类型,但我花了 2 天才搞懂 null 和 undefined 的区别
javascript
牧艺9 小时前
从零到协同:构建类飞书在线文档系统的五个技术重难点
前端·人工智能
jump_jump10 小时前
流式 HTML:从 htmx 片段装配到浏览器原生增量渲染
javascript·性能优化·前端工程化
红尘散仙10 小时前
想写一个像样的终端 App?试试把 React 的开发体验搬进 Rust TUI
前端·rust
袋鼠云数栈UED团队10 小时前
一套 Spec-First 的 AI 编程工作流
前端·人工智能
袋鼠云数栈前端10 小时前
一套 Spec-First 的 AI 编程工作流
前端·ai+
angerdream10 小时前
Android手把手编写儿童手机远程监控App之vue3 路由守卫
前端