ES7 增加的数组常用方法

不听念经

已于 2023-02-24 12:03:04 修改

阅读量134

点赞数 1

分类专栏： js 文章标签： javascript 前端 json

于 2023-02-16 14:43:45 首次发布

本文链接：https://blog.csdn.net/qq_47138033/article/details/129061797

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文介绍了ES7中数组的find和findIndex方法，用于查找满足特定条件的元素及其索引。同时讲解了JSON的parse和stringify方法，用于在JavaScript对象和JSON字符串间进行转换。

摘要由CSDN通过智能技术生成

ES7 增加的数组常用方法

数组方法之 find

find ：是将数组遍历一遍，按照我们的要求查找数组中满足条件的第一个元素
语法： 数组.find(function (item, index, arr) {})

返回值：返回满足条件的第一个元素

var arr = [1, 2, 3, 4, 5]
var res = arr.find(function (item, index, arr) {
  // 函数内部的三个参数和 forEach 一样
  // 我们把我们的条件 return 出去
  return item == 2
})
console.log(res) // 2

数组方法之 findIndex

findIndex ：是将数组遍历一遍，按照我们的要求查找数组中满足条件的元素
语法： 数组.findIndex(function (item, index, arr) {})

返回值：返回满足条件的第一个元素的下标

var arr = [1, 2, 3, 4, 5]
var res = arr.findIndex(function (item, index, arr) {
  // 函数内部的三个参数和 forEach 一样
  // 我们把我们的条件 return 出去
  return item == 2
})
console.log(res) // 1

JSON 的方法

json 是一种特殊的字符串格式，本质是一个字符串

var jsonObj = '{ "name": "Jack", "age": 18, "gender": "男" }'
var jsonArr = '[{ "name": "Jack", "age": 18, "gender": "男" }, { "name": "Jack", "age": 18, "gender": "男" }, { "name": "Jack", "age": 18, "gender": "男" }]'

就是对象内部的 key 和 value 都用双引号包裹的字符串（必须是双引号）

JSON的两个方法（es5新增）

我们有两个方法可以使用 JSON.parse
json.stringify 是将 js 的对象或者数组转换成为 json 格式的字符串

JSON.parse

JSON.parse 是将 json 格式的字符串转换为 js 的对象或者数组

var jsonObj = '{ "name": "Jack", "age": 18, "gender": "男" }'
var jsonArr = '[{ "name": "Jack", "age": 18, "gender": "男" }, { "name": "Jack", "age": 18, "gender": "男" }, { "name": "Jack", "age": 18, "gender": "男" }]'

var obj = JSON.parse(jsonStr)
var arr = JSON.parse(jsonArr)

console.log(obj)
console.log(arr)

obj 就是我们 js 的对象
arr 就是我们 js 的数组

JSON.stringify

JSON.parse 是将 json 格式的字符串转换为 js 的对象或者数组

var obj = {
  name: 'Jack',
  age: 18,
  gender: '男'
}
var arr = [
  {
    name: 'Jack',
    age: 18,
    gender: '男'
  },
  {
    name: 'Jack',
    age: 18,
    gender: '男'
  },
  {
    name: 'Jack',
    age: 18,
    gender: '男'
  }
]

var jsonObj = JSON.stringify(obj)
var jsonArr = JSON.stringify(arr)

console.log(jsonObj)
console.log(jsonArr)