作为 ES2015 的新增特性，Set 和 Map 对象大家应该很熟悉了，例如 Set 在数组去重等场景中经常会用到：function unique(array = []) {
return Array.from(new Set(array));
}但是一般我们都是只在需要这种数据结构的时候才去创建它，在用完之后就转回数组。大家可能都认为，相比 Set 、Map 对象，还是数组操作更熟悉一些。但
转载
2024-06-21 05:57:32
187阅读
ES6对数组，对象都有不同的遍历方法，以下内容均摘自阮一峰的《ES6标准入门》一、数组的遍历除了原生js的forEach()遍历方法外，ES6 提供三个新的方法——entries()，keys()和values()——用于遍历数组。可以用for...of循环进行遍历，唯一的区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历。for (let ind
转载
2024-03-29 17:03:56
109阅读
1、for … of ：改变原数组ES6引入了for…of循环，作为遍历所有数据结构的统一方法，包括：数组，Set和Map结构，某些类似数组的对象（比如arguments\DOM NodeList对象）、Generator对象，字符串let arr = ['red', 'green', 'blue'];
for (let i of arr) {
console.log(i); // red
转载
2024-03-02 08:54:13
68阅读
引言首先需要知道对于数组和可迭代对象的遍历方法，我们需要从不同的维度进行对比，方法的功能性，方法的应用场景，方法的兼容性，方法的效率，方法的返回值以及是否改变原始数组。深层次的我们可以思考如何实现这些方法，并且考虑到低版本浏览器的兼容性。如果要分group的话，可以这么分：forEach()与map()，every()与some()，filter()与find()findIndex(),keys(
数组的类
数组的类是Array
数组的定义
var arr=[元素]
var arr=new Array(3) 数字3，代表有三个元素或者三个空位
如果数组定义采用 new 实例，类中跟的是一个数字 n ，代表有 n 个元素
var arr=new Array("6") 有一个元素，并且这个元素是6
数组的方法
of 方法
1. Array 类上的方法
var arr=Array.of(4);
c
1. 字符串遍历ES6为字符串添加了遍历器接口,这样字符串就可以使用for…of循环遍历了而且还可以识别大于0xFFFF的码点,传统的for循环无法识别.for (let codePoint of 'foo') {
console.log(codePoint)
}
//输出为:"f","o","o"2.模板字符串${}
个人认为字符串中最好用的连接字符的方式.让我们不再为字符和变量之间的拼接而
转载
2024-07-11 07:45:57
42阅读
属性的可枚举性和遍历
可枚举性Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。 let obj = { foo: 123 };Object.getOwnPropertyDescriptor(obj, 'foo')// {// value: 123,// writable: true,// enumerable: true,//
转载
2024-09-10 20:50:46
255阅读
前言今天说一说ES6的Set对象和Map对象。以及这两个对象的应用。目前主流浏览器（chrome32、IE11、Safari7.1以及 Firefox 13以上）都对这2个对象做了基本的支持。因此，和css3一样，es6慢慢走进了前端开发的舞台，未来，我们可以不用再利用Babel对ES6语法进行编译就可以直接支持es6语法了。Map 对象Map 对象保存键值对。任何值(对象或者原始值) 都可以作为
转载
2024-04-19 21:46:58
151阅读
(一)字符串的扩展1.字符串的遍历for (let codePoint of 'foo') {
console.log(codePoint)
}
// "f"
// "o"
// "o"2.includes(), startsWith(), endsWith()传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种
转载
2024-04-03 09:59:11
21阅读
举个例子： 定义一个数组 arr，每一个元素都是一个对象const arr = [
{ count: 10, status: 0, statusName: "全部" },
{ count: 2, status: 20, statusName: "待使用" },
{ count: 5, status: 30, statusName: "已使用" },
{ count: 3, stat
转载
2024-03-28 12:23:25
85阅读
ES6为我们提供了Map数据结构。它是一个”value-value”的对应。如果需要“键值对”的数据结构，Map是一个很合适的数据结构。 Map 用法 简单用法var map = new Map();
map.set('name','zxguan');
map.set('age',27);
map.get('name');
map.get('age');console.log(map);&nbs
转载
2024-06-28 06:56:28
376阅读
对象遍历的几种方式方式一：for...in...要使用 (const i in obj) 而不是 (i in obj)，因为后者将会创建一个全局变量。// Object 原型链上扩展的方法也会被遍历出来
Object.prototype.fun = () => {};
const obj = { name: 'zhangsan', age: 13 };
for (const i in obj
转载
2024-10-24 07:11:25
28阅读
self.itemLists.map(name => name.name)
原创
2021-09-03 15:22:56
303阅读
JS表示集合的对象主要有Array、Set、Object、Map，在以前，遍历它们需要使用2种不同的方法，而现在，JS提出了Iterator机制，可以给不同的数据结构提供统一的遍历方法，就是for…of。换句话说，只有部署了Iterator的数据才能用for…of遍历。Iterator的遍历过程是这样的：（1）创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对
转载
2024-09-18 13:06:03
28阅读
self.itemLists.map(name => name.name)
原创
2022-01-16 10:42:26
222阅读
["1", "2", "3"].map(parseInt) 答案是多少？ 让我们先看看最直接最粗暴的方式 没错，答案就是：[1, NaN, NaN]，那为什么答案是[1, NaN, NaN]呢？ 1.让我们先了解一下map函数的定义 JavaScript Array map() 方法 定义和用法 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函
相信很多人也和我一样，不喜欢这样循规蹈矩的逐条去学习语法，很枯燥乏味。主要是这样学完一遍之后，没过一段时间就忘到九霄云外了。不如实际用到的时候研究它记得牢靠，所以我就整理成笔记，加深记忆的同时便于复习查看。在这样不断的学习过程中，也提高了自己的总结能力：)1.字符串的遍历器接口ES5，数组和对象可以进行遍历，使用for() 和 for...in,还有jq中的each()方法进行遍历。ES6为我们提
转载
2024-07-08 07:20:50
43阅读
整理一下数组常用的一些ES6方法 目录整理一下数组常用的一些ES6方法二、ES6数组拓展方法1.forEach2.map3.filter4.every5.some6.解构赋值7.展开运算符 二、ES6数组拓展方法1.forEach用于遍历数组（功能同for循环遍历和for…in遍历）代码如下：// 建立一个数组
let arr = [1,4,'哈哈',undefined]
// 普通函数
arr.
转载
2024-04-06 21:10:47
118阅读
ES6 一共有 5 种方法可以遍历对象的属性。（ 1 ） for...infor...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。（ 2 ） Object.keys(obj)Object.keys返回一个数组，包括对象自身的（不含
转载
2023-01-30 16:27:44
102阅读
linux sort 命令详解 sort是在Linux里非常常用的一个命令，管排序的，集中精力，五分钟搞定sort，现在开始！1 sort的工作原理 sort将文件的每一行作为一个单位，相互比较，比较原则是从首字符向后，依次按ASCII码值进行比较，最后将他们按升序输出。[rocrocket@rocrocket programming]$ cat seq.txt
banana
appl
