JavaScript基础,掌握这些常用方法了吗?
创始人
2025-02-16 00:33:10
0
JavaScript常用方法包括:字符串操作(如substring, indexOf),数组操作(如map, filter),对象操作(如Object.keys),以及函数编程(如forEach, reduce)。

1、数学方法

方法名 描述
Math.ceil() 向上取整,有小数就整数部分加1。
Math.floor() 向下取整。
Math.round() 四舍五入。
Math.abs() 获取一个对象的绝对值。
Math.max() 求几个数的最大数。
Math.min() 求几个数的最小数。
Math.random() 随机数(随机生成0~1之间的数)。

2、字符串方法

方法名 描述
charAt() 返回指定索引的字符。
concat() 字符串拼接。
substr() 从第几位到指定长度的字符串。
substring() 介于两个指定下标之间的字符串。
slice() 提取字符串片段。
indexOf() 子字符串的位置(未检测到返回-1)。
lastIndexOf() 子字符串的最后位置。
trim() 删除头尾的空格。
replace() 替换现有字符串。
split() 把字符串分割成字符串数组。
search() 检索指定的值。
match() 在字符串内检索指定的值。

3、数组相关方法

JavaScript基础,掌握这些常用方法了吗?

方法名 描述
slice() 返回原数组指定两个下标之间的新数组。
splice() 删除、插入、替换数组元素。
push() 将参数添加到数组的最后,并返回新数组的长度。
pop() 删除数组的最后一个元素,并返回被删除的值。
unshift() 向数组的开头添加一个或多个的元素,并返回新的长度。
shift() 删除数组的第一个元素,并返回被删除的值。
sort() 对数组进行排序,并返回排序后的数组。
reverse() 将数组中的元素进行反转,倒序显示。
join() 用分隔符将数组的元素组成一个字符串。
concat() 连接两个或更多数组,返回结果。
map() 遍历数组,并对每个元素执行一次提供的函数,返回结果组成的数组。
filter() 检查数组中的每个元素是否满足条件,返回满足条件的元素组成的数组。
forEach() 对数组的每个元素执行一次提供的函数。
every() 测试数组的所有元素是否都通过了指定函数的测试。
some() 测试数组中是否有元素通过了指定函数的测试。
reduce() 对数组中的每个元素执行一个reducer函数(升序执行),将其结果汇总为单个输出值。
reduceRight() 对数组中的每个元素执行一个reducer函数(降序执行),将其结果汇总为单个输出值。
isArray() 判断一个对象是否为数组。

4、DOM操作方法

方法名 描述
getElementById() 通过ID获取DOM元素。
getElementsByClassName() 通过类名获取DOM元素集合。
getElementsByTagName() 通过标签名获取DOM元素集合。
getElementsByName() 通过名称获取DOM元素集合。
innerHTML 修改元素的HTML内容。
style 修改元素的样式。
className 修改元素的类名。
createElement() 创建新的DOM元素。
appendChild() 向父节点添加子节点。
removeChild() 移除子节点。
cloneNode() 复制节点。
insertBefore() 在指定节点前插入新节点。
prepend() 在父级最前面追加一个子元素。
append() 在父级最后面追加一个子元素。
prependTo() 将子元素追加到父级的最前面。
appendTo() 将子元素追加到父级的最后。
before() 在当前元素之前追加(是同级关系)。
after() 在当前元素之后追加(是同级关系)。
insertAfter() 在指定对象的后面插入元素(是同级关系)。

相关问题与解答

1、如何在JavaScript中获取页面上所有带有特定类名的元素?:可以使用document.getElementsByClassName('yourClassName')方法,这将返回一个包含所有带有指定类名的元素的NodeList对象。

 var elements = document.getElementsByClassName('active');

2、如何将一个字符串按照特定的分隔符分割成一个数组?:可以使用String.prototype.split(separator)方法,其中separator是指定的分隔符,要将一个逗号分隔的字符串转换为数组,可以这样做:

 var str = "apple,banana,cherry"; var array = str.split(","); // ["apple", "banana", "cherry"]

以上就是关于“js的一些常用方法小结-基础知识”的问题,朋友们可以点击主页了解更多内容,希望可以够帮助大家!

相关内容

热门资讯

第6分钟了解!新西楚有挂吗(辅... 第6分钟了解!新西楚有挂吗(辅助)微乐抚州放炮开挂辅助安装-原来真的有神器新西楚有挂吗透视方法中分为...
第7分钟了解!吉安小程序中至游... 第7分钟了解!吉安小程序中至游戏辅助(辅助)金牛大厅开挂辅助脚本-竟然是有下载1、吉安小程序中至游戏...
第一分钟了解!杭州都莱大菠萝怎... 第一分钟了解!杭州都莱大菠萝怎么挂(辅助)随便跑得快开挂辅助软件-一贯真的有神器1、第一分钟了解!杭...
四分钟了解!免费游戏辅助软件(... 四分钟了解!免费游戏辅助软件(辅助)鼎盛休闲开挂辅助app-其实真的是有安装1、免费游戏辅助软件破解...
三分钟了解!九哥玩挂(辅助)佛... 三分钟了解!九哥玩挂(辅助)佛手在线开挂辅助脚本-一贯真的有辅助器1、很好的工具软件,可以解锁游戏的...
9分钟了解!游戏大厅辅助器(辅... 9分钟了解!游戏大厅辅助器(辅助)17麻将开挂辅助app-本来真的有app1、进入游戏-大厅左侧-新...
第二分钟了解!山西扣点带你辅助... 第二分钟了解!山西扣点带你辅助工具破解(辅助)心悦海南麻将开挂辅助平台-本来存在有插件1、上手简单,...
第7分钟了解!广西友乐app辅... 第7分钟了解!广西友乐app辅助工具(辅助)jj象棋开挂辅助脚本-原来存在有app1、下载好广西友乐...
第6分钟了解!火神工作室辅助大... 第6分钟了解!火神工作室辅助大全(辅助)新畅游互娱开挂辅助安装-果然存在有辅助1、火神工作室辅助大全...
三分钟了解!红中血流攻略(辅助... 三分钟了解!红中血流攻略(辅助)新乐清麻将开挂辅助辅助-真是是真的平台1、红中血流攻略免费辅助多个强...