javascript 数据处理方法
以下是 JavaScript 中常用的数据处理方法整理,涵盖数组、字符串、对象、数字及数据类型判断等场景:
一、数组处理
遍历与转换
map()
:遍历数组并返回新数组,常用于数据映射(如数值加倍)filter()
:筛选满足条件的元素生成新数组(如提取偶数)reduce()
:迭代累加数组元素,常用于求和、去重等操作forEach()
:遍历数组但不返回值,适用于直接操作元素查询与操作
find()
/findIndex()
:返回第一个符合条件的元素或其索引some()
/every()
:检测数组中是否存在或所有元素满足条件slice()
:截取子数组(不改变原数组)splice()
:插入、删除或替换元素(直接修改原数组)
二、字符串处理
截取与分割
substring()
/slice()
:按索引截取字符串split()
:将字符串按规则分割为数组(如逗号分隔)搜索与替换
indexOf()
/includes()
:查找子字符串位置或是否存在replace()
:替换匹配内容,支持正则表达式
三、对象处理
属性操作
属性访问:通过
.
或[]
获取或设置值(如obj.key
)Object.keys()
/Object.values()
:获取对象的键或值数组遍历与复制
for...in
:遍历对象的可枚举属性深拷贝:通过
JSON.parse(JSON.stringify(obj))
或递归方法复制对象
四、数据类型转换与判断
类型转换
parseInt()
/parseFloat()
:字符串转数字toString()
:将其他类型转为字符串(如数字转二进制)类型检测
typeof
:判断基本类型(如typeof 'str'
返回"string"
)instanceof
:检测对象是否为某类的实例(如[] instanceof Array
)Object.prototype.toString.call()
:精确判断数据类型(如返回"[object Array]"
)
五、数字处理
计算与格式化
Math
方法:如Math.round()
四舍五入、Math.floor()
向下取整toFixed()
:保留指定位小数(返回字符串,如num.toFixed(2)
)
六、性能优化技巧
避免循环:优先使用高阶函数(如
map
、filter
)替代for
循环提升效率异步分批处理:使用
setTimeout
分批次处理海量数据,避免阻塞主线程
通过结合上述方法,可高效完成 JavaScript 中的各类数据处理需求