网站首页 > 技术文章 正文
数组的所有方法
1、concat()把元素衔接到数组中。
例子:
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);
Hello world! 输出结果
2 every() 方法使用指定函数检测数组中的所有元素:
- 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
- 如果所有元素都满足条件,则返回 true。
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组。
例子:
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.every(checkAdult);
}
false 输出结果
3、filter()返回满足断言函数的数组元素。
12345678910var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18;} function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult);}32,33,40 输出结果
4、forEach()为数组的每一个元素调用指定函数。
<button onclick="numbers.forEach(myFunction)">点我</button><p id="demo"></p> <script>demoP = document.getElementById("demo");var numbers = [4, 9, 16, 25]; function myFunction(item, index) { demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; }</script>输出结果index[0]: 4index[1]: 9index[2]: 16index[3]: 25
5、indexOf()在数组中查找指定元素。
6、join()将数组的所有元素转化为字符串。
7、lastIndexOf()在数组中反向查找。
8、map()从数组的元素中,计算出新的数组。
var numbers = [4, 9, 16, 25];function myFunction() { x = document.getElementById("demo") x.innerHTML = numbers.map(Math.sqrt);}结果 2,3,4,5
9、pop()移除数组最后一个元素。
10、push()把元素添加到数组尾部。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
结果输出
Banana,Orange,Apple,Mango,Kiwi
11、reduce()从数组的元素中,计算出一个值。
var numbers = [65, 44, 12, 4];
function getSum(total, num) {
return total + num;
}
function myFunction(item) {
document.getElementById("demo").innerHTML = numbers.reduce(getSum);
}
输出结果 125
12、reduceRight()从右往左缩减数组。
13、reverse()在原数组中颠倒元素的顺序。
14、shift ()移除数组的第一个元素。
15、slice()返回数组的一部分。
16、some()测试是否至少有一个数组元素能让断言函数为真。
17、sort ()在原数组中对数组元素进行排序。
18、splice()插入、删除或替换数组元素。
19、toLocaleSTring()将数组转化为本地化字符串。
20、toString ()将数组转化为字符串。
21、unshift()在数组头部插入元素。
猜你喜欢
- 2024-09-30 JavaScript数组_数组方法「二」(二十七)
- 2024-09-30 table组件,前端如何使用table组件打印数组数据
- 2024-09-30 前端数组改字符串方法 前端数组改字符串方法是什么
- 2024-09-30 javascript复制数组的三种方式 javascript复制粘贴
- 2024-09-30 第21节 检测数组、类数组及多维数组-Web前端开发之Javascript
- 2024-09-30 前端系列——ES6中循环数组的方法
- 2024-09-30 前端已死?请用TS写出20个数组方法的声明
- 2024-09-30 springboot项目中,前端如何传递一个自定义对象数组给后端
- 2024-09-30 带你走进javascript数组的世界 javascript数组操作方法
- 2024-09-30 每天学点 ES6 —— 数组(二) es6数组处理方法
你 发表评论:
欢迎- 05-10如何优化数据库和前端之间的交互?
- 05-10前端代码优化小秘籍(前端优化24条建议)
- 05-10VS Code当中的15个神仙插件,值得收藏
- 05-10如何自己开发一个Google浏览器插件?
- 05-10前端流行框架Vue3教程:14. 组件传递Props效验
- 05-10吃了一年的SU,最好用的插件都在这了
- 05-10前端必看!这款神器让网站界面告别千篇一律
- 05-10程序员请收好:10个非常有用的 Visual Studio Code 插件
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle查询数据库 (45)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)