es6数组和对象常用方法

es6数组和对象常用方法数组forEach()方法对数组的每个元素执行一次给定的函数。vararr=[1,2,3]arr.forEach((value,index)=>{console.log(‘数组值:’+value);console.log(‘数组索引:’+index);})map()方法创建一个新数组,其结果是该数组中的每个元素都调用一次提供的函数后的返回值。vararr=[1,2,3]vararr1=arr.map((value,in

大家好,又见面了,我是你们的朋友全栈君。

数组

  • forEach() 方法对数组的每个元素执行一次给定的函数。
var arr = [1, 2, 3]
arr.forEach((value, index) => { 
   
  console.log('数组值:' + value);
  console.log('数组索引:' + index);
})

在这里插入图片描述

  • map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一次提供的函数后的返回值。
var arr = [1, 2, 3]
var arr1 = arr.map((value, index) => { 
   
  return value * 2
})
console.log(arr1);

在这里插入图片描述

  • filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
var arr = [1, 2, 3]
var arr2 = arr.filter((value, index) => { 
   
  return value > 1
})
console.log(arr2);

在这里插入图片描述

  • every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值
var arr = [1, 2, 3]
var flag = arr.every((value, index) => { 
   
  return value < 4
})
console.log(flag);

在这里插入图片描述

  • some() 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值。
var arr = [1, 2, 3, 11]
var flag = arr.some((value, index) => { 
   
  return value > 10
})
console.log(flag);

在这里插入图片描述

  • includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false
var arr = [1, 2, 3, 11]
var flag = arr.includes(3, 0) //从0开始,找3
var flag1 = arr.includes(3, -1) //从-1 + arr.length 开始,找3
console.log(flag);
console.log(flag1);

在这里插入图片描述

  • reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。
var arr = [1, 2, 3]
var arr3 = arr.reduce((acc, cur) => { 
   
  console.log(acc + '--' + cur);
  return acc + cur
})
console.log(arr3);
var arr4 = arr.reduce((acc, cur) => { 
   
  console.log(acc + '--' + cur);
  return acc + cur
}, 4)
console.log(arr4);

在这里插入图片描述

对象

  • Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。
var obj = { 
   
  id: 1,
  pname: '小米',
  price: 1999,
  num: 2000
};
var arr = Object.keys(obj);
console.log(arr);
arr.forEach(function (value) { 
   
  console.log(value);
})

在这里插入图片描述

  • Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。
var obj = { 
   
  id: 1,
  pname: '小米',
  price: 1999
};
Object.defineProperty(obj, 'price', { 
   
  value: 1000,
  //如果只为false不允许修改这个属性值,默认值也是false
  writable: false,
  // enumerable 如果值为false 则不允许遍历,默认的值是false
  enumerable: false,
  //configurable如果为false,则不允许删除这个属性,不允许在修改第三个参数里面的特性,默认false
  configurable: false,
  // get() {//当访问该属性时,会调用此函数。
  // return value
  // },
  // set(newVal) {//当属性值被修改时,会调用此函数。
  // value = newVal
  // }
}) //--> obj.num = 1000
console.log(obj);

在这里插入图片描述

  • Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
var obj = { 
   
  id: 1,
  pname: '小米',
  price: 1999,
  num: 2000
};
var obj2 = { 
   
  id: 2,
  pname: '华为',
  price: 3999,
  num: 2000
};
var newObj = Object.assign(obj, obj2);
console.log(newObj);
console.log(newObj === obj);

在这里插入图片描述

  • Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__。
const person = { 
   
  isHuman: false,
  printIntroduction: function () { 
   
    console.log(`My name is ${ 
     this.name}. Am I human? ${ 
     this.isHuman}`);
  }
};

const me = Object.create(person);
console.log(me.__proto__ === person); //类似原型链
me.name = 'Matthew';
me.isHuman = true;
me.printIntroduction();

在这里插入图片描述
了解更多MDN

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/140977.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 35岁以上的IT人士如果有一天被公司裁员了,该怎么办?

    35岁以上的IT人士如果有一天被公司裁员了,该怎么办?我觉得裁员和年龄无关,和本人的技能,工作态度,处事规则有关系。大家都知道华为裁员比例厉害,特别是对35岁以上的,会感到中年危机。但是我几个在华为的同学,都到了40岁了工作依然好好的,也没有见谁被裁掉。如果在工作中保持积极的态度,做事主动,平常多学习,和同事,领导的关系都不错,那么也不会被裁掉。作为已经到而立之年的中年人,给大家一点建议吧。在工作和生活中时刻保持乐观的心态,做事积极主动,多想多思考,与同事和领导友好相处,尽量让自己成为不可替代的人。那么你就不会被裁掉,也不会有中年危机。…

  • 树莓派介绍以及FAQ【这是我见过最全的树莓派教程】

    树莓派介绍以及FAQ【这是我见过最全的树莓派教程】一、树莓派简介树莓派是什么?树莓派(RaspberryPi)是尺寸仅有信用卡大小的一个小型电脑,您可以将树莓派连接电视、显示器、键盘鼠标等设备使用。树莓派能替代日常桌面计算机的多种用途,包括文字处理、电子表格、媒体中心甚至是游戏。并且树莓派还可以播放高至4K的高清视频。我们希望将树莓派推广给全世界的青少年电脑爱好者,用于培养计算机程序设计的兴趣和能力。树莓派各版本发布时间和差异对照?二、购买与配送在哪里购买?(说人话京东和淘宝都可以直接购买)树莓派基金会与E络盟与…

    2022年10月14日
  • spring容器初始化过程中出现异常_spring容器什么时候启动

    spring容器初始化过程中出现异常_spring容器什么时候启动前言我们知道,spring的启动其实就是容器的启动,而一般情况下,容器指的其实就是上下文ApplicationContext。AbstractApplicationContext作为整个A

  • 自监督学习详细介绍(学习笔记)

    自监督学习详细介绍(学习笔记)一、相关文献:fast.ai上面关于自监督学习的资料:Self-supervisedlearningandcomputervision.GitHub上面每年使用自监督学习的论文列表:AwesomeSelf-SupervisedLearning.相关微信推送二、自监督学习的介绍1.自监督学习的由来机器学习中基本的学习方法有:监督学习(supervisedlearning)、…

  • hdu 5187 高速幂高速乘法

    hdu 5187 高速幂高速乘法

  • 什么是linux Qt[通俗易懂]

    什么是linux Qt[通俗易懂]Qt是一个跨平台的C++图形用户界面库,由挪威TrollTech公司出品,目前包括Qt,基于Framebuffer的QtEmbedded,快速开发工具QtDesigner,国际化工具QtLinguist等部分Qt支持所有Unix系统,当然也包括Linux,还支持WinNT/Win2k,Win95/98平台。

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号