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。
  • JSON :JSON.parse() 和 JSON.stringify() 是处理 JSON 数据的常用方法。
  • window 对象:浏览器环境中的全局对象,提供了许多实用的属性和方法。
相关推荐
子兮曰3 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰3 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万3 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝3 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋3 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁3 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄3 天前
JavaScript 隐式全局变量解析
javascript
汉堡大王95273 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大3 天前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师3 天前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端