Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以

2020-05-17 06:28:04易采站长站整理

7.indexOf()用于查找某个值第一次在数组中出现的位置(存在返回第一次出现的索引值,不存在返回-1)


var iArray = ['one','two','three','two'];
var indexOf = iArray.indexOf('two');
console.log(indexOf);//1

8.includes()(判断数组中是否存在某个值返回Boolean类型)


var iArray = ['one','two','three','two'];
var index = iArray.includes('two');
console.log(index);//true

二、遍历解析json对象

1.遍历json 1


var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
console.log(`${key}:${json[i][key]}`);
}
}

2、jquery遍历解析json对象 2

有如下 json对象:


var obj ={'name':'冯娟','password':'123456','department':'技术部','sex':'女','old':30};

遍历方法:


var obj ={'name':'冯娟','password':'123456','department':'技术部','sex':'女','old':30};
var str = '';
for(var p in obj){
str += obj[p]+',';
// return str;
}
console.log(str);//冯娟,123456,技术部,女,30,

三、Map()方法详解

1、实例

构建表单中所有值的列表:


$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );

2、定义和用法

map() 
把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。

3、语法

.map(callback(index,domElement))

参数

描述

callback(index,domElement)  对当前集合中的每个元素调用的函数对象。

详细说明

由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。

.map() 方法对于获得或设置元素集的值特别有用。请思考下面这个带有一系列复选框的表单:


<form method="post" action="">
<fieldset>
<div>
<label for="two">2</label>
<input type="checkbox" value="2" id="two" name="number[]">
</div>
<div>
<label for="four">4</label>
<input type="checkbox" value="4" id="four" name="number[]">
</div>
<div>
<label for="six">6</label>
<input type="checkbox" value="6" id="six" name="number[]">