JS数组

 
   1.isArray()方法  判断变量是否是一个数组
  var a = [1,2];
  var b.innerHTML = Array.isArray(a);
    
    2.forEach()方法 遍历数组
  arr.forEach(function (item, index, array) {
      console.log(item); //打印元素
      console.log(index); //打印元素索引
      console.log(array); //打印数组
  });
    
    3.map()方法  用于对数组里的元素执行相同的函数来创建新的数组
  var arr = [1, 2, 3, 4, 5, 6];
  var newArr = arr.map(function (item, idnex) {
     return item * 2;
  });
  console.log(newArr);
 
  //返回:2,4,6,8,10,12
    
    4.filter()方法  也是用于对数组里的元素执行相同的函数来创建新的数组
  var arr = [1, 2, 3, 4, 5, 6];
  function a(item) {
      return item > 3;
  }
  console.log(arr.filter(a));
 
  //返回:4,5,6
    
    5.reduce()方法 对数组里的每个元素执行函数,生成一个值-累加
  function sum(item, aa) {
      return item + aa;
  }
  console.log(arr.reduce(sum));
 
  //21
    
    6.every()方法    主要用于检查数组中每个元素是否符合函数的条件,如果其中有一个不符合,则返回false
  var arrs = arr.every(function (item) {
      return item > 2;
  });
  console.log(arrs);
 
  //返回:false
    
    7.indexOf()方法   主要用于在数组中查找元素,并把元素的位置返回来
  var a = [1,2,3];
  a.indexOf("1");  == 1
 
  // console.log(arr instanceof Array)
  // Array.prototype.slice.call  //可以判断数据类型
   
   8.find 遍历数组,返回符合条件的第一个元素,如果没有符合条件的元素则返回 undefined
  var arr = [1, 2, 3, 4, 5, 6];
  var th = arr.find(function (item, index) {
      return item == 3;
  });
  console.log(th); ///3
 
   9.findIndex 遍历数组,返回第一个符合元素的索引
  var arr = [1, 2, 3, 4, 5, 6];   
  var th = arr.findIndex(function (item, index) {
      return item == 3;
  });
  console.log(th); ///2
 
   10.some 主要用于检查数组中每个元素是否符合函数的条件,如果其中有一个符合,则返回true
  var arr = [1, 2, 3, 4, 5, 6];
  var arrs = arr.every(function (item) {
      return item > 2;
  });
  console.log(arrs);
 
  //true
   
   11.for 循环遍历方法
  for (var i = 0; i < arr.length; i++) {
      console.log(arr[i]);
  }
 
   12.for…in… 遍历输出索引
  for (var key in arr) {
      console.log(key);
  }
 
    13.for…of…
  for (var key of arr) {
      console.log(key);
  }
 
   14.includes() 查找字符串是否包含某个元素
  var arr = [1, 2, 3, 4, 5, 6];
  var n = arr.includes("1");
  console.log(n);
  //true
(0)

相关推荐

  • javascript 数组 对象的一些方法记录

    记录一下常用的数组和对象的一些方法 数组 push() 数组后添加元素 // 作用:把一个元素或多个元素,从数组后面添加到数组里面: // 参数:添加的数据 // 返回:添加后的数组的长度: let ...

  • JavaScript--总结三(数组和函数)

    数组 数组的概念: 将多个元素(通常是同一类型)按照一定顺序排列放到一个集合中,这个集合称之为数组---简(一组有序的数据) 数组的作用:可以一次性存储多个数据 数组的定义: 1.通过构造函数创建数组 ...

  • ES6新增数组的方法

    es6新增数组操作方法 在我们拿到后端数据的时候,可能会对数据进行一些筛选.过滤,传统的做法如下 // 取出数组中name为kele的数组集合 let a = [ { name: 'kele', ti ...

  • es6新增新特性简要总结

    es6简介 es6是在2015年6月正式颁布的新标准,es6基本上实现了所有ECMAScript 规范,以后每年的6月都会发布新版本,但改动不大. let 变量 使用let 关键字来申明的变量拥有以下 ...

  • JavaScript之浅谈深拷贝与浅拷贝

    这一章我们聊一下js中深拷贝与浅拷贝 深拷贝和浅拷贝的区别? 1.浅拷贝: 将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用 2.深拷贝: 创建一个新的对象和数组,将原对 ...

  • JS异步单线程与内置对象面试

    什么是异步? <script> //异步 console.log(1); setTimeout(function(){ alert(2); },1000); console.log(3); ...

  • JavaScript数组

    JavaScript数组

  • 遍历数组,对象和JSON

    遍历数组 var arr2 = [3,4,5,6,7,8]; //第一种方法 for(var i =0;i<arr.length;i++){ console.log(arr2[i]); } // ...

  • js数组方法(管饱)

    有一些数组方法是ECMAScript新增的,一定要注意浏览器的兼容!!Array对象属性:属性说明constructor返回对创建此对象的函数引用length返回集合内的元素的所有长度prototyp ...

  • JS数组的常用方法

    JS数组的常用方法

  • WEB前端第二十六课——js数组

    WEB前端第二十六课——js数组

  • 浅谈js数组中的length属性

    前言 一位正在学习前端的菜鸟,虽菜,但还未放弃. 内容 首先,我们都知道每个数组都有一个length属性 这个length属性一般我们用来循环遍历的约束,一般我们都会把他认为是该数组里面有几个元素这个 ...

  • Js数组对象中每一项值value相加

    假设有这么一条数据 const data = [ { "15日": 0, "27日": 0, "13日": 0, "25日&quo ...

  • JS 数组转对象 对象转数组 对象数组互相转换 数组对象互相转换

    JS 数组转对象 对象转数组  对象数组互相转换  数组对象互相转换 声明一个函数,arr_obj ,里面接收一个参数,参数类型只接受对象或者数组 如果没有传递任何参数  或者 传递的参数类型不符合要 ...

  • JS数组方法大全

    一.在使用数组的方法之前,需要先创建数组,创建数组有以下方式: 字面量方式(json方式) //demo1:不省略initial参数,回调函数没有返回值 var arr = [10,20,30,40, ...

  • JS数组和字符串汇总

    数组 1. 基本常识 数组是引用类型的一种,什么是引用类型呢? 和原始类型不同,引用类型变量中存放的仅仅是引用对象的内存地址. 所以,当我们复制引用类型的时候,复制的仅仅是它的地址罢了. 也就是说,任 ...

  • [js] 第119天 写一个方法把多维数组降维

    今日试题: 写一个方法把多维数组降维 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). 前端面试每日3+1 ...