网站首页 > 技术文章 正文
数组的所有方法
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()在数组头部插入元素。
猜你喜欢
- 2025-06-10 前端流式输出(前端流式输出效果)
- 2025-06-10 前端基础进阶(一):内存空间详细图解
- 2025-06-10 JavaScript数组中slice、concat方法真的是深拷贝吗?
- 2025-06-10 Set代替Array去重,实测性能对比(set方法数组去重)
- 2025-06-10 JavaScript去除数组重复元素的几种方法
- 2025-06-10 Vue短文:如何使用v-for反转数组的顺序?
- 2025-06-10 判断变量是否为数组(如何判断某变量是否为数组数据类型)
- 2025-06-10 JavaScript数组剖析(js 数组处理方法)
- 2024-09-30 JavaScript数组_数组方法「二」(二十七)
- 2024-09-30 table组件,前端如何使用table组件打印数组数据
你 发表评论:
欢迎- 592℃几个Oracle空值处理函数 oracle处理null值的函数
- 585℃Oracle分析函数之Lag和Lead()使用
- 572℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 570℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 566℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 558℃【数据统计分析】详解Oracle分组函数之CUBE
- 543℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 539℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)