Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在

JQuery遍历筛选数组的几种方法

遍历和筛选数组是前端开发的常见需求。JQuery提供了多种方法来操作对象数组。本文将介绍JQuery中常用的遍历和筛选数组的方法：

1. $.each() 遍历数组
2. $.grep() 筛选数组
3. $.map() 将数组中的每个元素都做一个操作，并返回一个新的数组

代码示例：

// JQuery 遍历数组
var arr = [1, 2, 3, 4];
$.each(arr, function(i, item) {
    console.log(item);
});

// JQuery 筛选数组
var arr = [1, 2, 3, 4];
var newArr = $.grep(arr, function(item, i) {
    return item > 2;
});
console.log(newArr);

// JQuery 将数组中的每个元素都做一个操作，并返回一个新的数组
var arr = [1, 2, 3];
var newArr = $.map(arr, function(item, i) {
    return item + 1;
});
console.log(newArr);

遍历解析JSON对象

在开发中，经常需要从后端获取一个JSON对象，然后解析其中的数据。JQuery提供了两种方法来解析JSON对象：$.each()和$.parseJSON()。

$.each()方法可以遍历JSON对象，$.parseJSON()方法可以将JSON字符串解析成JSON对象。

代码示例：

// JQuery 遍历 JSON 对象
var obj = {
    "name": "张三",
    "age": "18",
    "sex": "男"
};
$.each(obj, function(key, value) {
    console.log(key + ':' + value);
});

// JQuery 解析 JSON 字符串成 JSON 对象
var str = '{"name":"张三","age":"18","sex":"男"}';
var obj = $.parseJSON(str);
console.log(obj);

Map() 方法详解

Map()方法可以将一个数组的每个元素都做一个操作，并返回一个新的数组。Map()方法返回一个新的数组，不改变原有的数组。

代码示例：

var arr = [1, 2, 3];
var newArr = arr.map(function(num) {
    return num * 2;
});
console.log(newArr);

数组中查询某值是否存在

在开发中，有时候需要判断一个值是否在数组中存在。可以使用$.inArray()方法，该方法返回需要查询的元素在数组中的下标，如果没有查询到则返回-1。

代码示例：

var arr = [1, 2, 3];
var index = $.inArray(2, arr);
console.log(index);