js数组操作方法总结(必看篇)

判断数值数组中各个数字出现的奇偶次数

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>数组操作</title>
  </head>
  <body>
  <script type="text/javascript">
    var arr=[3,1,2,2,1,3,1];
    var sum=[];
    var res=[];
    var count=0;
    var temp;
    for(var i=0;i<arr.length;i++){
      if(res.indexOf(arr[i])==-1){
        res.push(arr[i]);
      }
    }
    for(var i=0;i<res.length;i++){
      for(var j=0;j<arr.length;j++){
        if(arr[j]==res[i]){
          count++;
        }
      }
      sum.push(count);
      count=0;
    }
    console.log(res);//[3,1,2]
    for(var i=0;i<res.length;i++){
      var str=(sum[i]%2==0)?"偶数":"奇数";
      console.log(res[i]+"出现了"+sum[i]+"次");
      console.log(res[i]+"出现了"+str+"次");
    }
  </script>
  </body>
</html>

阿里笔试-数组操作-找出两个数组中不同的元素

<script type="text/javascript">
  function diff(arr1,arr2){
  var ress = [];
  var arr = arr1.concat(arr2);
  for(var i=0,len=arr.length;i<len;i++){
     if((arr1.indexOf(arr[i])>=0 && arr2.indexOf(arr[i])<0) || (arr1.indexOf(arr[i])<0 && arr2.indexOf(arr[i])>=0)){
        ress.push(arr[i]);
     }
  }
  return ress;
}
var arr1 = [1,2,3,5,7,6];
var arr2 = [1,2,5];
var res = diff(arr1,arr2);
console.log(res);//[3, 7, 6]
</script>

数组去重

方法1

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>数组去重01</title>
  </head>
  <body>
  <script type="text/javascript">
  //给数组原型添加方法
    Array.prototype.unique = function(){
      var arr = [];
      for(var i=0,i=this.length;i<len;i++){
        if(arr.indexOf(this[i]) == -1){
          arr.push(this[i]);
        }
      }
      return arr;
    };
    console.log([1,2,3,2,5,6,3].unique());//[1, 2, 3, 5, 6]
  </script>
  </body>
</html>

方法2

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>数组去重02</title>
  </head>
  <body>
  <script type="text/javascript">
    Array.prototype.unique = function(){
    var n = {},
        r=[]; //n为哈希表，r为临时数组
    for(var i = 0; i < this.length; i++) //遍历当前数组
    {
      if (!n[this[i]]) //如果hash表中没有当前项
      {
        n[this[i]] = true; //存入哈希表
        r.push(this[i]); //把当前数组的当前项push到临时数组里面
      }
    }
    return r;
  }
  console.log([1,2,3,2,5,6,3].unique());//[1, 2, 3, 5, 6]
  </script>
  </body>
</html>

方法3

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>数组去重</title>
  </head>
  <body>
  <script type="text/javascript">
    Array.prototype.unique = function(){
      var arr = [this[0]];//结果数组
      for(var i=1;i<this.length;i++){//从第二项开始遍历
        if(this.indexOf(this[i]) == i){
      //如果当前数组的第i项在当前数组中第一次出现的位置不是i，那么表示第i项是重复的，忽略掉。否则存入结果数组
          arr.push(this[i]);
        }
      }
      return arr;
    }
    console.log([1,2,3,4,2,3,4].unique());// [1, 2, 3, 4]
  </script>
  </body>
</html>

方法4

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>filter</title>
  <link rel="stylesheet" href="">
</head>
<body>
<script type="text/javascript">
var arr = [4,5,3,2,3,4,5,1];
function fn(num){
  var res = num.filter(function(item,index,array){
    return num.indexOf(item) === index;//num.indexOf(item)将会返回元素在数组第一次出现的位置
    //对于多次出现的元素，除第一次外，其他情况都返回false
  });
  return res;
}
console.log(fn(arr));//[4, 5, 3, 2, 1]
</script>
</body>
</html>

方法5

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Object 对象来当做哈希表</title>
  <link rel="stylesheet" href="">
</head>
<body>
<script type="text/javascript">
function unique(a) {
 var obj = {};
 return a.filter(function(item) {//filter会返回true的项组成的成员
  return obj.hasOwnProperty(item) ? false : (obj[item] = true);
 });
} 

var a = [1, 1, 3, 2, 1, 2, 4];
var res = unique(a);
console.log(res); // [1, 3, 2, 4]
</script>
</body>
</html>

以上就是小编为大家带来的js数组操作方法总结(必看篇)全部内容了，希望大家多多支持我们~

赞 (0)

相关推荐

  • JavaScript数组操作函数汇总

    js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧.不过不会针对每个办法都进行一下总结,只是针对一些比较常用的做个备注一下. 这里总结到的 js 数组操作函数有:push,pop,join,shift,unshift,slice,splice,concat (1)push 和 pop 这两个函数都是对数组从尾部进行压入或弹出操作.push(arg1,arg2,...)可以每次压入一个或多个元素,并返回更新后的数组长度.注意如果参数也是数组的话,则是将全部数组当做一个元素压

  • JavaScript数组操作详解

    1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规

  • js数组操作常用方法

    在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽. 记录下来. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不

  • javascript 数组操作详解

    1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长

  • js数组操作学习总结

    shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); 结果 a:[2,3,4,5]     b:1 unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); 结果 a:[-2,-1,1,2,3,4,5]      b:7 注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7

  • JavaScript中的数组操作介绍

    JavaScript中的数组对象自带了一些方法,可以通过使用这些方法来对数组进行操作. join() 可以使用join()方法将数组中的成员合并到一个字符串中: 复制代码 代码如下: var o = [1,2,3]; console.log(o.join());//1,2,3 console.log(o.join(" "));//1 2 3 var emptyArray = new Array(10); console.log(emptyArray.join("-"

  • js常用数组操作方法简明总结

    //javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.join("|")); //返回结果是red|green|blue var colors = ["red","green","blue",null]; alert(color

  • JS数组操作中的经典算法实例讲解

    冒泡排序 <script type="text/javascript"> var arr = [3,7,6,2,1,5]; 定义一个交换使用的中间变量 var temp = 0; for(i=0;i<arr.length;i++){ for(j=0;j<arr.length;j++){ 如果下一个元素小于当前元素 if(arr[j]>arr[j+1]){ 互换 temp = arr[j]; arr[j] = arr[j+1]; arr[j+1] = tem

  • Javascript数组操作函数总结

    其实平时用的比较多的应该是push和pop,不过还是都记下来,以便后面使用. shift :删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined 复制代码 代码如下: var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 unshift :将参数添加到原数组开头,并返回数组的长度 复制代码 代码如下: var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-

  • js数组操作方法总结(必看篇)

    判断数值数组中各个数字出现的奇偶次数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>数组操作</title> </head> <body> <script type="text/javascript"> var arr=[3,1,2,2,1,3,1

  • js字符串操作总结(必看篇)

    字符方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>字符方法</title> </head> <body> <script type="text/javascript"> /* charAt方法和charCodeAt方法都接收一个参数,基于0的

  • js学习阶段总结(必看篇)

    typeof操作符:返回字符串,可能是"undefined","boolean"," string","number","object","function"中的一种,所以不能判断数组. NaN(Not a Number):用法NaN(val)如果val能被转化成一个数就返回false,否则返回true. parseInt(val,way)其中way可以是2,4...就是要按照这个进制来

  • 详谈PHP基础与JS操作的区别(必看篇)

    嵌入页面方式 JS嵌入方式:<script></script> PHP嵌入方式:<?php ?>(常用) 输出语法 Javascript输出 1.alert("警告的内容") 2.prompt("提示的内容") 3.document.write()(页面输出内容) PHP输出 1.echo(常用)//可同时输出多个字符串 eg:echo $a,"hello"; 2.print //只能输出一个字符串 eg:pr

  • JS基础随笔(菜鸟必看篇)

    JS基础随笔(菜鸟必看篇)

    在学习的过程中总会一次次的冒出以前囫囵吞枣的地方,下面将今天学到的一下知识点记录下来方便以后查看. JavaScript中的数据类型 简单(基本)数据类型:Number.String.Boolean.Undefined.Null 复杂(引用)数据类型: Object.Array.Date.function等 下面介绍一下简单(基本)数据类型和复杂(引用)数据类型的区别: 简单数据类型:在栈内直接存储值,如下图所示 复杂数据类型:在栈内存储引用,如下图 在了解以上两种数据类型的存储方式之后可以区分

  • 老生常谈PHP数组函数array_merge(必看篇)

    很久之前就用到过这个函数,只不不过是简单的用用而已并没有做太深入的研究 今天在翻阅别人博客时看到了对array_merge的一些使用心得,故此自己来进行一次总结. array_merge是将一个或者多个数组进行合并. 这个函数多用于在从数据库中取出的结果集的合并操作. 参数配置也很简单array_merge(arr1,arr2,arrN) 注意此处的参数必须为数组,否则会报错. 虽然,看起来很简单,但是其中也有不少的坑. 我们将从单数组和多数组的方向来进行分析. 1.多个数组进行合并操作(自定义

  • 基于JavaScript Array数组方法(新手必看篇)

    Array类型是ECMAScript中最常用的引用类型.ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别.虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表,但不同的是,ECMAScript数组中的每一项可以保存任何类型的数据,无论是数值.字符串或者是对象.同时,ECMAScript中的数组大小是可以动态调整的,即可以根据数据的添加自动增长以容纳新增的数据.下面总结一下JavaScript中数组常用的操作函数及用法. •创建数组 创建数组主要有构造函数和

  • MongoDB数据库文档操作方法(必看篇)

    MongoDB数据库文档操作方法(必看篇)

    前面的话 本文将详细介绍MongoDB数据库关于文档的增删改查 如果数据库中不存在集合,则MongoDB将创建此集合,然后将文档插入到该集合中 要在单个查询中插入多个文档,可以在insert()命令中传递文档数组 可以使用js语法,插入多个文档 [save()] 插入文档也可以使用db.post.save(document). 如果不在文档中指定_id,那么save()方法将与insert()方法一样自动分配ID的值.如果指定_id,则将以save()方法的形式替换包含_id的文档的全部数据.

  • js正则表达式学习和总结(必看篇)

    js正则表达式学习和总结(必看篇)

    最近在做一个小项目时用到了正则匹配,感觉正则挺好用的,所以打算抽时间来小小总结一下. 正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为"元字符").模式描述在搜索文本时要匹配的一个或多个字符串.RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具.正则表达式是一种查找以及字符串替换操作. 新建正则表达式 方式一:直接量语法 var reg = /pattern/attributes 方式二:创建 RegExp 对象的语法 var r

  • JavaScript中数组的各种操作的总结(必看篇)

    JavaScript中数组的各种操作的总结(必看篇)

    js数组的新建,头插入,尾插入,头删除,尾删除,中间删除,删除多个,多个数组合并,数组倒序,数组截取等等,都有对应的例子. 声明一个数组 原来是如下声明: var s = new Array(); 但是 现在编辑器推荐使用如下声明:简洁 var s = []; concat 方法 返回一个新数组,这个新数组是由两个或更多数组组合而成的.不修改原数组. join 方法 返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来.不修改原数组. pop 方法 移除数组中的最后一个

随机推荐