JS对像和数组的遍历
零. 通用遍历方法
0.1 for...in...
let obj = {0:"a", 1:"b", 2:"c"};
for (let key in obj) {
console.log(obj[key])
}
0.2 for...of...
let obj = {0:"a", 1:"b", 2:"c"};
for (let value of obj) {
console.log(value)
}
一. JS遍历对象
1.1 Object.keys()遍历
let obj = {0:"a", 1:"b", 2:"c"};
Object.keys(obj).forEach((key) => {
console.log(key, obj[key]);
});
1.2 Object.values()遍历
let obj = {0:"a", 1:"b", 2:"c"};
Object.values(obj).forEach((value, key) => {
console.log(key, value);
});
1.3 Object.entries()遍历
let obj = {0:"a", 1:"b", 2:"c"};
Object.entries(obj).forEach((value, key) => {
console.log(key, value);
});
1.4 Object.getOwnPropertyNames()
let obj = {0:"a", 1:"b", 2:"c"};
Object.getOwnPropertyNames(obj);
二. JS遍历数组
2.1 forEach语句
let arr = [1, 2, 3]
arr.forEach((item) => {
console.log(item)
})
2.2 map方法
map不会改变原数组,callback执行返回的值会形成一个新的数组。
let arr = [1, 2, 3]
let newArr = arr.map((item) => {
item * 2
})
2.3 filter方法
filter将返回值为true的元素创建一个新数组。
let arr = [1, 2, 3]
let newArr = arr.filter((item) => {
item > 2
})
2.4 every方法
every,全部满足则返回true
let arr = [1, 2, 3]
let res = arr.every((item) => {
item > 2
}) //false
2.5 some方法
some,只有有一项满足则返回true
let arr = [1, 2, 3]
let res = arr.some((item) => {
item > 2
}) //true
JS对像和数组的遍历的更多相关文章
- JS如何去掉一个数组的重复元素 (数组去重)
一.思路如下: 定义一个新数组,将老数组遍历一遍,再进行判断,如果新数组里面没有老数组的元素就添加,否则就不添加,最终输出整个新数组. 二.代码如下: var arr = ["a" ...
- 手写js代码(一)javascript数组循环遍历之forEach
注:原文地址http://blog.csdn.net/oscar999/article/details/8671546 我这里是仿照学习! 1.js的数组循环遍历 ①数组的遍历首先想到的是for()循 ...
- JS数组&对象遍历
遍历的总结,经常用到的,希望帮助你我成长. JS数组遍历: 1,普通for循环 var arr = [1,2,3,4,9]; for ( var i = 0; i <arr.length; i+ ...
- 在js中使用for和forEach遍历数组
数组的遍历 for var arr = [1, 2, 3, 4]; for (var i = 0; i < arr.length; i++){ arr[i]; } forEach var arr ...
- js面试题之数组去重对比
最近看一些面试题,很多都提到了数组去重,用的最多的不外乎就是下面这个例子 arr.filter(function(value,index,arr){ return arr.indexOf(value, ...
- jQuery数组的遍历 function的加载
加载函数时会被覆盖在jQuery中给提供的方案有三种形式 js中只能绑定一个方法 如果多次绑定后者会覆盖前者 最常用的一种 在jQuery中数组的遍历 使用map遍历数组 会返回一个新的数组 如果 ...
- 前端总结·基础篇·JS(二)数组深拷贝、去重以及字符串反序和数组(Array)
目录 这是<前端总结·基础篇·JS>系列的第二篇,主要总结一下JS数组的使用.技巧以及常用方法. 一.数组使用 1.1 定义数组 1.2 使用数组 1.3 类型检测 二.常用技巧 2.1 ...
- javascript:Json 和数组的遍历
首先看代码示例var json={a:1,b:2,c:3}; //json var array={1,2,3}; //数组 alert(json.a); //弹出1 或alert(json['a']) ...
- JS合并两个数组的方法
JS合并两个数组的方法 我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况.比如: var a = [1,2,3]; var b = [4,5,6]; 有两个数组a.b,需求是将两个数组合 ...
随机推荐
- 浅谈使用canvas绘制多边形
本文主要使用坐标轴的使用来绘制多边形,点位则都是在y轴上寻找,这种方法能够更好的理解图形与修改. //id为html里canvas标签的属性id: //x,y为坐标轴的起始位置,因为canvas默认坐 ...
- C语言如何使输出的数字对齐
右对齐%numd(num是位数,比如按5位数的长度输出,num为正数则右对齐) #include <stdio.h> int main() { printf(, ); printf(, ) ...
- [好好学习]在VMware中安装Oracle Enterprise Linux (v5.7) - (1/5)
在想到Oracle Enterprise Linux,第一时间就是在Oracle官网上找到资源,但是,出现以下图片
- Python Paramiko模块使用
1 执行远程命令 #!/usr/bin/python import paramiko ssh = paramiko.SSHClient() ssh.set_missing_host_key_polic ...
- C#Stopwatch的简单计时 [收藏]
Stopwatch 类 命名空间:System.Diagnostics.Stopwatch 实例化:Stopwatch getTime=new Stopwatch(); 开始计时:getTime.St ...
- 【错误】mysql 出现 "1067 - Invalid default value for 'UPDATE_TIME' " 错误提示的解决办法
今天工作中遇到修改表结构的时候出现错误 Invalid default value for 'UPDATE_TIME 问题原因是因为db 表中update_time的默认时间写成了 '0000-00- ...
- 离线下载Express 2015 for Windows 10
我在微软https://www.visualstudio.com/zh-cn/downloads/download-visual-studio-vs 点Express 2015 for Windows ...
- 二、冯式结构与哈佛结构及ARM处理器状态和处理器模式
2.1 冯式结构与哈佛结构 2.1.1 两者的区别 如果是独立的存储架构和信号通道那就是哈佛结构,否则就是冯式结构 结构与是否统一编址没有关系,也与 CPU 没有关系,与计算机的整体设计有关 CACH ...
- 修改图片尺寸网站https://www.yasuotu.com/
修改图片尺寸网站https://www.yasuotu.com/
- 查看ubuntu系统信息
root@k8s001:~/go/src/k8s.io/kubernetes# cat /etc/*release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=16.04 DI ...