JavaScript 实用方法详解:Object、Number 与 String 核心 API

作者:异步漫步

时间:2026-10-29

浏览:527

本文深入解析 JavaScript 中 Object、Number 和 String 对象的常用方法。重点讲解 Object.keys 获取键名、Object.create 创建对象及属性描述符、Object.assign 合并对象;Number.isNaN 严格判断 NaN、isFinite 与 isInteger 检查数值;toFixed 格式化数字;以及 String.split 分割字符串的语法与参数。

文章目录

JavaScript 基础概述

JavaScript 是一种直译式脚本语言,具备动态类型和弱类型特性,基于原型继承机制,并内置支持类型。其解释器即 JavaScript 引擎,作为浏览器的一部分,广泛应用于客户端脚本开发。该技术最早应用于 HTML(标准通用标记语言下的一个应用)网页,旨在为网页增加动态交互功能。

承接上一篇内容,

Object 对象核心方法

Object

keys

Object 的 keys 方法能够获取指定对象的所有键(key/属性名),并以数组形式返回。此方法常用于键名的筛选与匹配操作。


var basket = {
strawberry: 12,
banana: 20,
apple: 30,
juice: 20
};
console.log(Object.keys(basket)); 
//[ 'strawberry', 'banana', 'apple', 'juice' ]

create

create 方法用于创建新对象,可选参数为 (proto, [ propertiesObject ])。第一个参数指定原型(如 Array.prototype 等),第二个参数用于定义新对象的属性。该参数对象的属性名将成为新对象的属性,而值则是属性描述符(包含 value、writable、configurable 等字段)。


var o = Object.create({}, {p: {value: 42}});
var O = Object.create({}, {p: {value: 66, writable: true, enumerable: true}});
console.log(o.p); //42
console.log(O.p); //66
o.p = 20;
O.p = 80;
console.log(o.p); //42
console.log(O.p); //80

在属性描述符中,writable 默认为 false。因此,即便后续对 o.p 重新赋值,其值也不会改变;而 O.p 则允许后续修改值。此外,create 方法必须传入相应的 proto 参数,否则将报错 TypeError。需要注意的是,上述代码在严格模式下也会报错,因为 o.p 被尝试重写。

assign

assign 方法是 ES6 的新特性,支持传入参数 (target, …sources),用于将任意多个源对象的键值对合并到目标对象中。其功能类似于 lodash 的 assign 和 underscore 的 extendOwn 方法。


var boy = {handsome: true, rich: true}, girl = {cute: true, hair: 'long'};
var couples = Object.assign({}, boy, girl);
console.log(couples); //{ handsome: true, rich: true, cute: true, hair: 'long' }

assign 方法常用于框架层面的数据处理。例如,定义一个用于发送 HTTP 请求的 client 时,在获取接收到的参数后,可能需要通过该方法添加一些默认属性。

Number 数值类型方法

Number

isNaN

Number 的 isNaN 方法用于判断传入值是否为 NaN。与全局 isNaN 方法不同,它不会强制将参数转换为数字类型,仅当参数是真正的数字类型且值为 NaN 时才会返回 true。不过,在实际使用中,全局 isNaN 更为常见,常用于判断字符串是否仅包含数字。


console.log(isNaN('123f')); //true
console.log(isNaN('123')); //true

此外,isFinite(value) 方法用于判断传入参数是否为有限数,isInteger(value) 方法用于判断传入参数是否为整数。

toFixed

toFixed 方法用于将数字转换为特定格式的字符串,支持传入参数 (digits),取值范围为 0 < digits <= 20。在转换过程中,该方法会自动进行四舍五入并补零。


var cool = 666.666;
console.log(cool.toFixed(1)); //666.7
console.log(cool.toFixed(6)); //666.666000

个人随笔与 String.split 方法

这段时间发生了很多事情,从待了 116 天的杭州来到北京,开始一段新的工作与生活。不舍、惆怅、激动、兴奋等情绪交织缠绵…七匹狼,认识了其余六狼,很珍惜这段大家一起努力一起嗨皮的日子,尤记得夜爬宝石山,俯瞰西湖,English poor,哈哈哈…

ps:javascript split() 定义和用法

split() 方法用于把一个字符串分割成字符串数组。

语法


stringObject.split(separator,howmany)

参数 描述
separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章