「绍棠」 vuejs中常用的js循环遍历对象的方法列举-案例
ztj100 2024-12-22 22:01 27 浏览 0 评论
const obj = {id:1,name:'绍棠',age:18}
console.log(Object.keys(obj))
console.log(Object.values(obj))
Object.getOwnPropertyNames
Object.getOwnPropertyNames(obj).forEach(function(key){
console.log(key+ '---'+obj[key])
})
while 循环
同样的遍历 cars 数组,先用 for 循环方法
let cars=["BMW","Volvo","Saab","Ford"];
let i=0;
for (;cars[i];)
{
console.log(cars[i])
i++;
};
// BMW
// Volvo
// Saab
// Ford
while 循环方法
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
console.log(cars[i] + "<br>")
i++;
};
它们可以实现同样的效果,事实上它们底层的处理是一样的,不过 for 循环可以把定义、条件判断、自增自减操作放到一个条件里执行,代码看起来方便一些,仅此而已。
do while 循环
let i = 3;
do{
console.log(i)
i--;
}
while(i>0)
// 3
// 2
// 1
do while 循环是 while 循环的一个变体,它首先执行一次操作,然后才进行条件判断,是 true 的话再继续执行操作,是 false 的话循环结束。
数组 map()方法 *vue
arr.map(function(i,[index],[arr]){
// i 代表数组中每一项 必须 index 代表数组中元素的下标 可选 arr 代表当前元素所属的数组对象 可选
..........
})
案例:
let arr = [1,2,3];
let tt = arr.map(function(i){
console.log(i)
return i*2;
})
// [2,4,6]
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
注意:map 和 forEach 方法都是只能用来遍历数组,不能用来遍历普通对象。
数组 filter() 方法(VUE中常用到)
arr.filter(function(i,[index],[arr]){
// i 代表数组中每一项 必须 index 代表数组中元素的下标 可选 arr 代表当前元素所属的数组对象 可选
..........
})
案例:
let arr = [1,2,3];
let tt = arr.filter(function(i){
return i>1; //遍历数组中是所有元素返回大于1的元素
})
// [2,3]
filter 方法是 Array 对象内置方法,它会返回通过过滤的元素,不改变原来的数组。
Array some() 方法 (VUE中也用到)
let arr = [1,2,3];
let tt = arr.some(function(i){
return i>1;
})
// true
some() 方法用于检测数组中的元素(只要有一个满足条件就是true)是否满足指定条件(函数提供),返回 boolean 值,不改变原数组。
数组 every() 方法(VUE中用到)
arr.every(function(i,[index],[arr]){
// i 代表数组中每一项 必须 index 代表数组中元素的下标 可选 arr 代表当前元素所属的数组对象 可选
..........
})
案例
let arr = [1,2,3];
let tt = arr.every(function(i){
return i>1;
})
// 检测数组中元素是否都大于1
// false
every() 方法用于检测数组所有元素(或每一个元素都必须满足条件才为true)是否都符合指定条件(通过函数提供),返回 boolean 值,不改变原数组。
Array reduce()方法 *vue
let arr = [1,2,3];
let ad = arr.reduce(function(i,j){
return i+j; //就是计算从左到右 1+2+3
})
// 6
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
Array reduceRight()方法
let arr = [1,2,3];
let ad = arr.reduceRight(function(i,j){
return i+j;
})
// 6
reduceRight()方法,和 reduce() 功能是一样的,它是从数组的末尾处向前开始计算。
相关推荐
- 其实TensorFlow真的很水无非就这30篇熬夜练
-
好的!以下是TensorFlow需要掌握的核心内容,用列表形式呈现,简洁清晰(含表情符号,<300字):1.基础概念与环境TensorFlow架构(计算图、会话->EagerE...
- 交叉验证和超参数调整:如何优化你的机器学习模型
-
准确预测Fitbit的睡眠得分在本文的前两部分中,我获取了Fitbit的睡眠数据并对其进行预处理,将这些数据分为训练集、验证集和测试集,除此之外,我还训练了三种不同的机器学习模型并比较了它们的性能。在...
- 机器学习交叉验证全指南:原理、类型与实战技巧
-
机器学习模型常常需要大量数据,但它们如何与实时新数据协同工作也同样关键。交叉验证是一种通过将数据集分成若干部分、在部分数据上训练模型、在其余数据上测试模型的方法,用来检验模型的表现。这有助于发现过拟合...
- 深度学习中的类别激活热图可视化
-
作者:ValentinaAlto编译:ronghuaiyang导读使用Keras实现图像分类中的激活热图的可视化,帮助更有针对性...
- 超强,必会的机器学习评估指标
-
大侠幸会,在下全网同名[算法金]0基础转AI上岸,多个算法赛Top[日更万日,让更多人享受智能乐趣]构建机器学习模型的关键步骤是检查其性能,这是通过使用验证指标来完成的。选择正确的验证指...
- 机器学习入门教程-第六课:监督学习与非监督学习
-
1.回顾与引入上节课我们谈到了机器学习的一些实战技巧,比如如何处理数据、选择模型以及调整参数。今天,我们将更深入地探讨机器学习的两大类:监督学习和非监督学习。2.监督学习监督学习就像是有老师的教学...
- Python 模型部署不用愁!容器化实战,5 分钟搞定环境配置
-
你是不是也遇到过这种糟心事:花了好几天训练出的Python模型,在自己电脑上跑得顺顺当当,一放到服务器就各种报错。要么是Python版本不对,要么是依赖库冲突,折腾半天还是用不了。别再喊“我...
- 神经网络与传统统计方法的简单对比
-
传统的统计方法如...
- 自回归滞后模型进行多变量时间序列预测
-
下图显示了关于不同类型葡萄酒销量的月度多元时间序列。每种葡萄酒类型都是时间序列中的一个变量。假设要预测其中一个变量。比如,sparklingwine。如何建立一个模型来进行预测呢?一种常见的方...
- 苹果AI策略:慢哲学——科技行业的“长期主义”试金石
-
苹果AI策略的深度原创分析,结合技术伦理、商业逻辑与行业博弈,揭示其“慢哲学”背后的战略智慧:一、反常之举:AI狂潮中的“逆行者”当科技巨头深陷AI军备竞赛,苹果的克制显得格格不入:功能延期:App...
- 时间序列预测全攻略,6大模型代码实操
-
如果你对数据分析感兴趣,希望学习更多的方法论,希望听听经验分享,欢迎移步宝藏公众号...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)