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的一些常用方法小结-基础知识”的问题,朋友们可以点击主页了解更多内容,希望可以够帮助大家!

相关内容

热门资讯

黑科技中牌率(扑克时间)微扑克... 1、黑科技中牌率(扑克时间)微扑克机器人切实是有挂!太实锤了其实是真的有挂(2023已更新)(哔哩哔...
2分钟了解!微扑克必胜技巧,越... 2分钟了解!微扑克必胜技巧,越乡游斗牛怎么开挂,我来教教你(证实有挂)-哔哩哔哩1、用户打开应用后不...
黑科技科技(Wepoke盈利)... 1、黑科技科技(Wepoke盈利)poker总是是有挂!太夸张了原生有挂(2026已更新)(哔哩哔哩...
2分钟了解!微扑克ai辅助器,... 2分钟了解!微扑克ai辅助器,闲逸棋牌挂,扑克教程(有挂技巧)-哔哩哔哩1、这是跨平台的闲逸棋牌挂黑...
黑科技实锤(德扑之星刷数据)w... 《黑科技实锤(德扑之星刷数据)wpk德州扑克都是真的是有挂!太离谱了原来有挂(2026已更新)(哔哩...
第9分钟了解!wpk智能ai,... 第9分钟了解!wpk智能ai,吉祥麻将跑得快怎么拿好牌,德州论坛(果真有挂)-哔哩哔哩;1、吉祥麻将...
黑科技好牌(德扑查数据)aap... aapoKER新手教程相关信息汇总(需添加指定威信136704302获取下载链接);黑科技好牌(德扑...
7分钟了解!微扑克有辅助挂吗,... 7分钟了解!微扑克有辅助挂吗,波特互娱有挂吗,AI教程(有挂教学)-哔哩哔哩;进入游戏-大厅左侧-新...
黑科技好牌(线上德州ai机器人... 黑科技好牌(线上德州ai机器人)wepoker原本是真的有挂!太夸张了往昔存在有挂(2024已更新)...
1分钟了解!红龙扑克发牌有问题... 1分钟了解!红龙扑克发牌有问题,掌心麻将圈软挂神器,安装教程(了解有挂)-哔哩哔哩1、在红龙扑克发牌...