js常用数据处理方法

1.获取key:value的key---for in

//for in循环一个对象所有可枚举的属性  如果便利数组返回的是下标
const obj = {name:"11",age:14}
for(let i in obj){console.log(i)}
///name age

2.遍历数组/数组对象,获取每一项的值---for of 

let arr = [3,5,7]
for(let i of arr){console.log(i)}
// 3,5,7



const arrObj = [{name:"11",age:14},{name:"222",age:23}]
for(let i of arrObj){console.log(i)}
//{name: '11', age: 14}  {name: '222', age: 23}

3.对数组或或者数组对象某一项进行数据计算、增加、删除,不影响原数组,会得到一个新数组 ---arr.map

const array1 = [{name:1,age:12},{name:2,age:67}];
const map1 = array1.map((i) => {
  delete i.name
  return {
    ...i,
  }
});

console.log(map1);
//{ age: 12 }, Object { age: 67 }

4.找数组/数组对象中满足条件的第一个元素的所在项(一个字符或者一个对象),返回所在项---arr.find

const array1 = [5, 12, 8, 130, 44];
const found = array1.find((element) => element > 10);
console.log(found);
//  12


const array1 = [{name:'11',age:13},{name:'22',age:18}];
const found = array1.find((i) => i.name=='11');
console.log(found);
//{ name: "11", age: 13 }

4.找数组/数组对象中满足条件的所有元素的值,并返回一个新数组---arr.filter

//数组
const words = ['spray', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter((word) => word.length > 6);
console.log(result);
// ["exuberant", "destruction", "present"]


//数组对象
const words =[{name:'11',age:1},{name:'ee',age:34},{name:'dd',age:34}];
const result = words.filter((word) => word.age=='34');
console.log(result);

//[{ name: "ee", age: 34 }, Object { name: "dd", age: 34 }]

5.数组/自负床是否包含某个指定值--includes

const string = "我早地方领导就是多少积分"
console.log(string.includes('领导'));
//  true

const pets = ['cat', 'dog', 'bat'];
console.log(pets.includes('cat'));
// true

6.数组中符合条件的下标---indexOf 、findIndex

//indexOf-数组,无法用于数组对象
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison'));
// 1



//findIndex-s数组
const array1 = [5, 12, 8, 130, 44];
console.log(array1.findIndex(element) => element > 13));
//  3

//findIndex--数组对象
const array1 = [{name:"11",age:12},{name:"dfd",age:34}];
console.log(array1.findIndex(i=>i.name=='11'));
// 0 

7.slice和splice

slice方法返回一个新的数组对象,不会修改原数组

statrt为开始下标,如果start为负数,则从后面开始截取,

end为结束下标,截取到结束下标的前一个,如果end不写,直接截到最后一个

splice法就地移除或者替换已存在的元素和/或添加新的元素。

暂时写到这,后面在补充 

相关推荐

  1. js数据处理方法

    2024-04-12 05:40:08       40 阅读
  2. js方法

    2024-04-12 05:40:08       33 阅读
  3. js数组去重方法

    2024-04-12 05:40:08       49 阅读
  4. 前端 js 经典:数组方法总结

    2024-04-12 05:40:08       40 阅读
  5. js str字符串的方法

    2024-04-12 05:40:08       51 阅读
  6. js 数组的方法

    2024-04-12 05:40:08       28 阅读
  7. js方法(未完待续...)

    2024-04-12 05:40:08       31 阅读
  8. fone脚本js方法

    2024-04-12 05:40:08       36 阅读
  9. js 刷题方法

    2024-04-12 05:40:08       30 阅读
  10. node.js是什么怎么方法

    2024-04-12 05:40:08       43 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-12 05:40:08       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-12 05:40:08       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-12 05:40:08       82 阅读
  4. Python语言-面向对象

    2024-04-12 05:40:08       91 阅读

热门阅读

  1. K8S问题记录

    2024-04-12 05:40:08       33 阅读
  2. springboot组件的单例模式和分布式分析

    2024-04-12 05:40:08       31 阅读
  3. K8S之资源管理

    2024-04-12 05:40:08       39 阅读
  4. 使用Android Studio制作一个蓝牙软件

    2024-04-12 05:40:08       36 阅读
  5. es的聚合查询(二)

    2024-04-12 05:40:08       35 阅读
  6. es 倒排索引

    2024-04-12 05:40:08       44 阅读
  7. 怎么给html文件本地启动一个服务去访问

    2024-04-12 05:40:08       31 阅读
  8. 使用 Python + xxl-job 构建爬虫系统

    2024-04-12 05:40:08       39 阅读
  9. 蓝桥杯算法题:蓝桥骑士

    2024-04-12 05:40:08       177 阅读
  10. 阿里云实现amqp

    2024-04-12 05:40:08       34 阅读
  11. [SQL Server]数据库锁的种类

    2024-04-12 05:40:08       43 阅读