javascript--18---数组的遍历与去重

最新推荐文章于 2024-04-26 14:35:45 发布
最新推荐文章于 2024-04-26 14:35:45 发布
阅读量247 收藏
点赞数
分类专栏： 小白 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxhby520/article/details/80531534
版权

严格模式

在es5引入 为了让团队开发更为便利 严谨

  1. 变量必须在声明之后才能使用
"use strict"
a=1;
console.log(a);

结果会直接报错

  1. 函数的参数不能同名
"use strict"
function f(a,a,b) {
    
}

结果会直接报错

  1. 不能对只读的属性赋值 否则会报错
"use strict";
var str ="123";
str.length =1;//可读不可写
console.log(str.length)
  1. 不能删除不可删除的属性 否则会报错
"use strict";
  delete str.length;//不可删除
  console.log(str.length);
  1. delete 只能删除属性 不能删除变量
var str ="123";
delete  str;
console.log(str);
  1. 不能使用前缀0表示八进制 否则会报错
var num =076;
      console.log(num);

结果是62 加严格模式报错 在ES6中 8进制的前导值变为0o

var num =0x21;
      console.log(num);

16进制表示方法 33

var num =0b1001;
      console.log(num);

2进制表示方法 9

如果要进制转换怎么办

var num =0b1001;
      console.log(num.toString(8));

将二进制转换为8进制 用toString

  1. eval 和arguments不能被重新赋值
function add() {
          arguments = 3;
          console.log(arguments);
      }
      add(1,2,3);

结果变为3 不合适 在严格模式下会报错

  1. 不能使用arguments.callee
  2. 不能使用arguments.callee.caller 函数的调用栈（谁调用这个函数 全局当中调用 caller是null)
function add() {
         b();
      }
      function b(){
          console.log(arguments.callee.caller);
      }
      add(1,2,3);

结果是 add caller就是谁调用b指向谁

  1. 禁止this 指向全局对象
  2. 增加了保留字 如protected static interface

使用严格模式需要注意什么

  1. 禁止在全局使用严格模式 有些浏览器不支持严格模式 有些代码也必须在非严格模式下书写 使用时应该在函数内部书写
function fn() {
            "use strict";
        }

use strict也有作用域之分

  1. 如果希望在多个函数使用 但是不想多次写use strict
(function () {
            "use strict";
            function fn(){
                
            }
            function fn2(){
                
            }
        })();

数组排序

  1. 判断是否时数组 Array.isArray()
function add() {
        console.log(Array.isArray(arguments));
    }
    add(1,2,3);

结果是false

function add() {
        var arr =[];
        for (var i=0;i<arguments.length;i++){//arguments有length属性
            arr[i] = arguments[i];
        } 
        console.log(arr)
    }
    add(1,2,3);

将123保存进去并打印

function add() {
        var arr = [].slice.call(arguments, 0);//改变了指向  指向arguments
        console.log(arr)
    };

在argument当中 长的像数组的只有123 下面是劫不出来 这就是js的灵活地方

  1. 颠倒数组用reverse
var arr =[1,2,3];
arr.reverse();
console.log(arr);

结果是【3，2，1】

  1. 数组排序 sort() 按照ASCII排序 unicode码点进行排序 从小到达排 会改变原数组
var arr =[156,14,21,2];
    console.log(arr.sort())

结果是[14, 156, 2, 21]

var arr =["lisi","wangwu","zhaoliu","qianqi"];
    console.log(arr.sort())

["lisi", "qianqi", "wangwu", "zhaoliu"]先比较字符串的第一位

自定义排序

  1. 回调函数 参数作为一个函数体 在方法执行的时候 函数执行
var arr =[156,14,21,2];
  arr.sort(function (a,b) {//每次都接受两个值 当前值和下一个值
      return a-b;//性能很低
  })
  console.log(arr);

结果是[2, 14, 21, 156] 如果a-b>0,表示a>b 交换位置 如果a-b<0,表示a<b 不交换位置 如果a-b=0, 不交换位置

  1. 大到小排序
var arr =[156,14,21,2];
  arr.sort(function (a,b) {//每次都接受两个值 当前值和下一个值
      return b-a;//性能很低
  })
  console.log(arr);

遍历数组的方法

  1. filter 过滤器 不改变原数组 返回一个新数组 参数是一个函数 通过自定义的过滤方法返回新的数组
var arr =[12,5,8,123,222];
    var arr1 = arr.filter(function () {
        return true;
    })
  console.log(arr1);

[12, 5, 8, 123, 222] 返回原数组 就是返回值是true就返回该数值

var arr =[12,5,8,123,222];
    var arr1 = arr.filter(function () {
       console.log(arguments);
    })
  console.log(arr1);

里面的arguments 第一个是数组的一个值 第二个是索引 第三个是数组本身

var arr =[12,5,8,123,222];
    var arr1 = arr.filter(function (item) {
      return item>12;//表示每次循环我都判断第一个值是不是大于12 将大于的值给arr1
    })
  console.log(arr1);

结果是 123 222

var stu=[//想要找到大于20的放入新的数组
        {name:"lisi",age:"20"},
        {name:"lily",age:"18"},
        {name:"lucy",age:"22"},
        {name:"hmm",age:"30"},
    ]
  var stu1 = stu.filter(function (item) {
      return item.age>20;
  })
  console.log(stu1);

结果是0: {name: "lucy", age: "22"}1: {name: "hmm", age: "30"}length: 2__proto__: Array(0)

  1. map遍历数组 由回调执处理之后的一个新的返回值组成的数组
var arr =[1,4,9];
  var num =[];
  for (var i=0;i<3;i++){
      num[i] = Math.sqrt(arr[i]);//将数组中的值开平方
  }
  console.log(num)

结果是123

var arr =[1,4,9];
  var num = arr.map(Math.sqrt);
  console.log(num);
  1. forEach 通过回调处理数组中的所有参数 没有返回值 就是每走一步执行一个函数 没有改变原数组
var arr =[1,4,9];
  arr.forEach(function (item,index,array) {
      console.log(`a[${index}]=${item}`);//结果是a[0]=1 a[1]=4 a[2]=9
  })
console.log(arr);//【1，4，9】
  1. every所有为真则为真 some有一个为真则为真 针对所有回调函数的返回值 如果全为true 最终结果为true
var arr = [1,2,3,4]//如果所有的数为偶数则返回true
var bool = arr.every(function (item) {
      return item%2 ==0;//接受布尔值为返回值 如果全是true 那么最终结果是true
  })
  console.log(bool)

结果是false

数组去重

var arr =["lisi","lucy","lily","hmm","lisi","hmm"]//将数组中重复的单元去除
  var arr1 = arr.filter(function (item,index,array) {
      return array.indexOf(item) === index;//如果是true 返回当前元素
  })
  1. for循环做数组去重

严格模式

在es5引入 为了让团队开发更为便利 严谨

  1. 变量必须在声明之后才能使用
"use strict"
a=1;
console.log(a);

结果会直接报错

  1. 函数的参数不能同名
"use strict"
function f(a,a,b) {
    
}

结果会直接报错

  1. 不能对只读的属性赋值 否则会报错
"use strict";
var str ="123";
str.length =1;//可读不可写
console.log(str.length)
  1. 不能删除不可删除的属性 否则会报错
"use strict";
  delete str.length;//不可删除
  console.log(str.length);
  1. delete 只能删除属性 不能删除变量
var str ="123";
delete  str;
console.log(str);
  1. 不能使用前缀0表示八进制 否则会报错
var num =076;
      console.log(num);

结果是62 加严格模式报错 在ES6中 8进制的前导值变为0o

var num =0x21;
      console.log(num);

16进制表示方法 33

var num =0b1001;
      console.log(num);

2进制表示方法 9

如果要进制转换怎么办

var num =0b1001;
      console.log(num.toString(8));

将二进制转换为8进制 用toString

  1. eval 和arguments不能被重新赋值
function add() {
          arguments = 3;
          console.log(arguments);
      }
      add(1,2,3);

结果变为3 不合适 在严格模式下会报错

  1. 不能使用arguments.callee
  2. 不能使用arguments.callee.caller 函数的调用栈（谁调用这个函数 全局当中调用 caller是null)
function add() {
         b();
      }
      function b(){
          console.log(arguments.callee.caller);
      }
      add(1,2,3);

结果是 add caller就是谁调用b指向谁

  1. 禁止this 指向全局对象
  2. 增加了保留字 如protected static interface

使用严格模式需要注意什么

  1. 禁止在全局使用严格模式 有些浏览器不支持严格模式 有些代码也必须在非严格模式下书写 使用时应该在函数内部书写
function fn() {
            "use strict";
        }

use strict也有作用域之分

  1. 如果希望在多个函数使用 但是不想多次写use strict
(function () {
            "use strict";
            function fn(){
                
            }
            function fn2(){
                
            }
        })();

数组排序

  1. 判断是否时数组 Array.isArray()
function add() {
        console.log(Array.isArray(arguments));
    }
    add(1,2,3);

结果是false

function add() {
        var arr =[];
        for (var i=0;i<arguments.length;i++){//arguments有length属性
            arr[i] = arguments[i];
        } 
        console.log(arr)
    }
    add(1,2,3);

将123保存进去并打印

function add() {
        var arr = [].slice.call(arguments, 0);//改变了指向  指向arguments
        console.log(arr)
    };

在argument当中 长的像数组的只有123 下面是劫不出来 这就是js的灵活地方

  1. 颠倒数组用reverse
var arr =[1,2,3];
arr.reverse();
console.log(arr);

结果是【3，2，1】

  1. 数组排序 sort() 按照ASCII排序 unicode码点进行排序 从小到达排 会改变原数组
var arr =[156,14,21,2];
    console.log(arr.sort())

结果是[14, 156, 2, 21]

var arr =["lisi","wangwu","zhaoliu","qianqi"];
    console.log(arr.sort())

["lisi", "qianqi", "wangwu", "zhaoliu"]先比较字符串的第一位

自定义排序

  1. 回调函数 参数作为一个函数体 在方法执行的时候 函数执行
var arr =[156,14,21,2];
  arr.sort(function (a,b) {//每次都接受两个值 当前值和下一个值
      return a-b;//性能很低
  })
  console.log(arr);

结果是[2, 14, 21, 156] 如果a-b>0,表示a>b 交换位置 如果a-b<0,表示a<b 不交换位置 如果a-b=0, 不交换位置

  1. 大到小排序
var arr =[156,14,21,2];
  arr.sort(function (a,b) {//每次都接受两个值 当前值和下一个值
      return b-a;//性能很低
  })
  console.log(arr);

遍历数组的方法

  1. filter 过滤器 不改变原数组 返回一个新数组 参数是一个函数 通过自定义的过滤方法返回新的数组
var arr =[12,5,8,123,222];
    var arr1 = arr.filter(function () {
        return true;
    })
  console.log(arr1);

[12, 5, 8, 123, 222] 返回原数组 就是返回值是true就返回该数值

var arr =[12,5,8,123,222];
    var arr1 = arr.filter(function () {
       console.log(arguments);
    })
  console.log(arr1);

里面的arguments 第一个是数组的一个值 第二个是索引 第三个是数组本身

var arr =[12,5,8,123,222];
    var arr1 = arr.filter(function (item) {
      return item>12;//表示每次循环我都判断第一个值是不是大于12 将大于的值给arr1
    })
  console.log(arr1);

结果是 123 222

var stu=[//想要找到大于20的放入新的数组
        {name:"lisi",age:"20"},
        {name:"lily",age:"18"},
        {name:"lucy",age:"22"},
        {name:"hmm",age:"30"},
    ]
  var stu1 = stu.filter(function (item) {
      return item.age>20;
  })
  console.log(stu1);

结果是0: {name: "lucy", age: "22"}1: {name: "hmm", age: "30"}length: 2__proto__: Array(0)

  1. map遍历数组 由回调执处理之后的一个新的返回值组成的数组
var arr =[1,4,9];
  var num =[];
  for (var i=0;i<3;i++){
      num[i] = Math.sqrt(arr[i]);//将数组中的值开平方
  }
  console.log(num)

结果是123

var arr =[1,4,9];
  var num = arr.map(Math.sqrt);
  console.log(num);
  1. forEach 通过回调处理数组中的所有参数 没有返回值 就是每走一步执行一个函数 没有改变原数组
var arr =[1,4,9];
  arr.forEach(function (item,index,array) {
      console.log(`a[${index}]=${item}`);//结果是a[0]=1 a[1]=4 a[2]=9
  })
console.log(arr);//【1，4，9】
  1. every所有为真则为真 some有一个为真则为真 针对所有回调函数的返回值 如果全为true 最终结果为true
var arr = [1,2,3,4]//如果所有的数为偶数则返回true
var bool = arr.every(function (item) {
      return item%2 ==0;//接受布尔值为返回值 如果全是true 那么最终结果是true
  })
  console.log(bool)

结果是false

数组去重

var arr =["lisi","lucy","lily","hmm","lisi","hmm"]//将数组中重复的单元去除
  var arr1 = arr.filter(function (item,index,array) {
      return array.indexOf(item) === index;//如果是true 返回当前元素
  })
  1. for循环做数组去重
lxhby520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
数组遍历和去重
weixin_44828005的博客
11-10 284
代码片段导图 数组遍历 区别 map 与 filter的区别：map返回每一项，filter返回满足条件的项 map与forEach的相同点：都只能遍历数组，参数都相同 map与forEach的不同点：map有返回值，forEach没有返回值 for循环遍历 const arr = ['a', 'b', 'c', 'd'] for (let i = 0; i < arr.length; i++) { console.log(arr[i]) //i是索引，arr[i]表示的是数组中对应索引
js数组去重-duplicateRemoval
02-23
首先，让我们了解JavaScript数组的一些基本特性。数组是一种有序的数据集合，可以存储各种类型的值，包括数字、字符串、对象等。在JavaScript中，数组的去重可以通过多种方法实现，主要包括： 1. **使用Set对象**：...
js 数组去重 遍历
weixin_44671184的博客
04-18 178
// detailAll = detailAll.reduce((prev, cur) => { // obj[cur.id] ? '' : obj[cur.id] = true && prev.push(cur); // return prev; // }, []) //设置cur默认类型为数组，并且初始值为空的数组 arr.forEach(fun...
js数组去重
最新发布
m0_38038870的博客
04-26 203
js数组去重
数组的遍历及数组的去重
weixin_33858249的博客
08-19 217
2019独角兽企业重金招聘Python工程师标准>>> ...
JS去重
zhanglianglily的博客
01-09 331
Array.from(new Set(数组))
数组遍历和去重几种方法
RistonTea的博客
11-13 1330
1、map()当数组中元素是值类型，map不会改变原数组；当是引用类型，则可以改变原数组，map()没法做到的过滤 1.当数组中元素是值类型时 const arr = [1, 2, 3]; const result = arr.map(item => { item = item * 2; return item; }); console.log('arr', arr); ...
js代码-数组去重相加
07-14
在JavaScript编程中，数组去重和元素相加是常见的操作，尤其在处理数据集合时显得尤为重要。本项目“js代码-数组去重相加”旨在提供一种解决方案，以有效地处理包含重复元素的数组，并对其中的数值进行求和。下面...
js代码-数组去重-indexOf
07-15
`indexOf`方法是JavaScript数组的一个内置方法，它可以用来检测一个特定元素在数组中首次出现的位置。在这个场景下，我们可以利用`indexOf`来实现数组去重。下面将详细探讨如何使用`indexOf`进行数组去重以及其背后...
js代码-数组去重的方法
07-15
本文将深入探讨几种常见的JavaScript数组去重技术。 1. **使用Set** ES6引入了新的数据结构Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。因此，利用Set可以非常方便地实现数组去重。 ```...
js 去重总结
weixin_44051815的博客
05-24 374
数组去重的方式大致有四种，1. 利用对象 key 不重复的特点，2. 利用 Map , 3.利用 Set, 4. 通过双重遍历。
js数组 去重的5种方法
慢才后生
03-14 293
js数组 去重的5种方法
ES6常用方法总结：数组去重、遍历数组（map、filter、forEach区别）、some和every区别
Flowering_Vivian的博客
10-14 1998
记录一下自己在vue项目中使用es6的常用方法： 删除数组元素 let arr = ['a', 'b', 'c'] // 删除'c' arr = arr.filter(i => { return i != 'c' }) $set 有些情况下，仅仅通过“=”号来赋值，无法触发数据的实时更新，这个时候用$set就可以。 this.$set(obj, 'name', value); //三个参数分别为对象、参数名、参数值 对象赋值不改变原对象 const newObj = Object.ass
jQuery基础----18jQuery遍历之向上遍历
翟浩浩Android专栏
08-16 378
html> html> head lang="en"> meta charset="UTF-8"> title>title> script src="jquery-2.1.4.min.js">script> script src="js18.js">script> style> #div01{ width: 500p
前端js-Array的去重、遍历、截取
RicciLiu的博客
12-05 2269
1、Array.from()方法 + set()方法（推荐） 2、ES6的set()方法 3、forEach循环 + includes()方法+ push()方法 4、forEach循环 + indexOf() + push() 5、for循环 + indexOf()方法 + push()方法 2、几种遍历方法 1、map（ES6） 遍历每一个元素并且返回对应的元素(可以返回处理后的元素) (map 映射 一一 对应) // 一、会改变原数组 2、filter（ES6）     遍历数组，过滤出符合条件的
数组去重的三种方法
热门推荐
qq_52372296的博客
04-09 2万+
一、原生JS去重 数组去重思路： 1、建立新数组 2、遍历旧数组 3、往新数组中放置旧数组的元素 4、遍历新数组 5、判断如果新数组中有相同的元素，就不往新数组中放了 var flag = true;//新数组中没有相同的元素 var arrOld = [2, 3, 5, 4, 3, 2, 6, 8, 5, 4, 6, 2]; // 1、 var arrNew = []; // 2、 for (var i = 0; i < arrOld.length; i++) {
四种数组去重方法的遍历效率比较
猛一回头的博客
06-28 7348
1、第一种方法，就是我们上次讨论的方法： var arr=["a","b","a","c","a","b"]; function unique1(arr){ for(var i =0,uarr=[];i&lt;arr.length;i++){ for(var k =0;k&lt;uarr.length;k++){ if
原生JS去重（一）--两种方法去掉重复字符
让优秀成为一种习惯
11-06 9236
所谓“去重”，即是去掉重复的字符。本篇博客讲述两种方式去重，一种是比较简单但代码比较啰嗦点的，另一种是有点深度但是简洁的。 我直接写JavaScript代码了。 方式一：function deleteRepetionChar(arr){ //先判断输入进来的是数组对象还是字符串 if( typeof arr == "object"){ var arr = arr;
JS实现数组去重（重复的元素只保留一个）
weixin_30325487的博客
09-15 690
1.遍历数组法 它是最简单的数组去重方法（indexOf方法） 实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中； var arr=[2,8,5,0,5,2,6,7,2]; function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++...
JavaScript数组去重
09-05
JavaScript数组去重可以使用循环遍历和Set数据结构两种方法进行。 第一种方法是使用循环遍历。我们可以定义一个新数组，然后遍历原始数组中的每个元素，判断其是否在新数组中存在，如果不存在则将其加入到新数组中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值