class类，Array.of()创建数组以及数组扁平化

已于 2024-01-05 10:36:57 修改
阅读量423 收藏 7
点赞数 10
文章标签： javascript 前端 开发语言
于 2024-01-04 16:14:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2202_75900709/article/details/135389356
版权

1.class类：

1.class 的本质是 function。

2.不可重复声明。

3.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。

4.类中方法不需要 function 关键字。

5.方法间不能加分号。

命名类let Example = class Example{}
匿名类let Examples = class{}
// class Example{}
		// let Example = class Example{}
		// class Example{
		// 	constructor() {
		// 	    console.log("你要调用我哦");
		// 	}
		// 	// 静态成员
		// 	static a = 2;
		// 	static b = 80;
		// 	static sing(){
		// 		console.log(22222222);
		// 	};
		// 	sum(){
		// 		console.log(11111111);
		// 	}
		// }
		// console.log(Example.a);
		// console.log(Example.b)
		// Example.sing();
		// 触发class类方法，实例化一个新的class类
		// 公共属性
		// Example.prototype.id = 99;
		// var exa = new Example();
		// console.log(exa.id);
		// console.log(exa.__proto__.id);
		// exa.__proto__.sex = "男";
		// console.log(Example.prototype.sex);
		// Object.assign(Example.prototype,{
		// 	age:99
		// })
		// console.log(exa.__proto__.age);
		// console.log(exa.age);
		// class Example {
		//     constructor(a, b) {
		//         this.a = a;
		//         this.b = b;
		//     }
		// 	static aa = this.a;
		//     sum() {
		//         return this.a + this.b;
		//     }
		// }
		// let exam1 = new Example(2, 1);
		// console.log(exam1.num);
		// console.log(exam1);
		// console.log(exam1.sum());
		// let exam2 = new Example(3, 1);
		// console.log(exam2);
		// console.log(exam2.sum());
		// 返回值为对象
		class Test {
		    constructor(){}
		}
		class Example{
			constructor() {
			    return new Test();
			}
		}
		console.log(new Test() instanceof Object);
		console.log(new Test() instanceof Test);
		console.log(new Example() instanceof Example);

2.includes()数组

includes()数组是否包含指定值,查找到返回true否则false

// var a = [1, 2, 3,NaN].includes(NaN);
		// console.log(a);
		// flat()嵌套数组转一维数组,Infinity	
		// var a = [1,[2,[3,4,5],6,7],8,9].flat(Infinity);
		// console.log(a);

flatMap()先对数组中每个元素进行了的处理

参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组

参数2：指定遍历函数中 this 的指向

// let obj = {
		// 	do(n){
		// 		return n*10;
		// 	}
		// }
		// var a = [1,[2,[3,4,5],6,7],8,9].flat(Infinity).flatMap(function(item){
		// 	return this.do(item);
		// },obj);
		// console.log(a);
		
		// let buffer = new ArrayBuffer(10);
		// console.log(buffer);
		// // console.log(buffer.byteLength);
		// var dataView = new DataView(buffer);
		// dataView.setInt32(0,9);
		// console.log(dataView.getInt8(3));
		// console.log(buffer);
		// console.log(dataView);
		// let view = new Int16Array([7,10]);
		// console.log(view);

3.Array.of()创建数组


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
	</body>
	<script type="text/javascript">
		// Array.from(类数组,map函数,this指向)类数组转成数组
		// var arr = [];
		// var arr1 = new Array(11,22,33,"aa");
		// console.log(arr1);
		// console.log(Array.of(1, 2, 3, 4,"abc",{name:1},function a(){}));
		// console.log(Array.from([1, 2]))
		// let obj = {
		// 	do:(n)=>{
		// 		return n*10;
		// 	}
		// }
		// console.log(obj.do(3))
		// console.log(Array.from([5,6],function(item){
		// 	return this.do(item);
		// },obj))
		// console.log(Array.from([1, 2],(item)=>{
		// 	return item*2
		// }))
		// console.log(Array.from([2, 4],(item)=>item*2))
		
		// var map = new Map([[1,2]]);
		// map.set("name","zs");
		// console.log(map);
		// var a = map.has(2);
		// console.log(a);
		// var a = Array.from(map);
		// console.log(a);
		
		// var set = new Set([1,2,3]);
		// set.add(11);
		// var a = set.has(5);
		// console.log(a);
		// console.log(set);
		// var a = Array.from(set);
		// console.log(a);
		
		// var str = "hello";
		// var a = Array.from(str);
		// console.log(a);
		// var a = new Set(str);
		// console.log(a);
		// console.log([...str]);
		// find()查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素
		// var a = [1,2,3,4,5].find((item)=>{
		// 	return item>2
		// })
		// console.log(a);
		// findIndex()
		// 查找数组中符合条件的元素索引，
		// 若有多个符合条件的元素，则返回第一个元素索引。
		// 没查找到返回-1
		// let obj = {
		// 	age:10
		// }
		// var a = [1,2,3,4,5].findIndex(function(item){
		// 	return this.age==item;
		// },obj)
		// console.log(a);
		// fill()将一定范围索引的数组元素内容填充为单个指定的值
		// 参数1：用来填充的值
		// 参数2：被填充的起始索引(包含)
		// 参数3(可选)：被填充的结束索引，默认为数组末尾(不包含)，默认到最后
		// console.log([1, 2, 3, 4].fill(0,1,2));
		// copyWithin()将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。
		// 参数1：被修改的起始索引
		// 参数2：被用来覆盖的数据的起始索引
		// 参数3(可选)：被用来覆盖的数据的结束索引，默认为数组末尾
		// console.log([1,2,3,4,5,6,7,8,9].copyWithin(-1,4,5));
		
		// for(var [key,value] of [11,22,33].entries()){
		// 	console.log(key,value);
		// }
		// for(var key of [11,22,33].keys()){
		// 	console.log(key);
		// }
		// for(var value of [11,22,33].values()){
		// 	console.log(value);
		// }
	</script>
</html>

4.数组扁平化

数组扁平化--将多维数组变为一维数组

// var arr = [1, 2, 3, [4, 3, [2, 7], 2], 5, [5, 9, 10], 7];
		// function func(user){
		// 	let arr1 = [];
		// 	for(var i=0;i<user.length;i++){
		// 		if(Array.isArray(user[i])==false){
		// 			arr1.push(user[i]);
		// 		}else{
		// 			arr1 = arr1.concat(func(user[i]))
		// 		}
		// 	}
		// 	arr = arr1;
		// 	return arr;
		// }
		// function func(user){
		// 	let arr1 = [];
		// 	user.forEach((item)=>{
		// 		Array.isArray(item)==false?arr1.push(item):arr1 = arr1.concat(func(item))
		// 	})
		// 	arr = arr1;
		// 	return arr;
		// }
		// func(arr);
		// console.log(arr);
		
		function add(x, y) {
			return x + y
		}
		// 函数柯里化
		// function curryingAdd(x) {
		// 	return function (y) {
		// 		return x + y
		// 	}
		// }
		// function binds() {
		// 	return function (x,y) {
		// 		return x + y
		// 	}
		// }
		// console.log(add(1,3));
		// console.log(curryingAdd(1)(5));
		// console.log(binds()(2,4));

感谢大家的阅读，刚刚学习的知识，没有掌握多少，如有不对的地方，可以私信我，感谢大家！  

古其
关注
  • 10
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6 （Class类、数组新增的方法、数组的迭代、Set、Map）
m0_66970189的博客
06-14 439
它还具有继承属性，需要使用extends 数组Array相关 数组的扩展方式 扩展运算符[…arr] 它可以将伪数组转换为真数组 可以用于拼接数组 对象转数组 Array.from() Array.from(需要转换的对象，function（item）{return item}) 注意：转换的对象要有length find() 返回第一个符合条件的内容 findIndex 返回第一个符合条件的索引，没有则返回-1 includes(内容) 查询数组中是否包含这个值，返回true/false
黑马程序员——数组的Class
taooattao的专栏
08-29 562
1.具有相同维数和元素类型的数组属于同一个类型，即具有相同的Class实例对象。 示例： 2.基本类型的一维数组可以被当作Object类型使用，不能当作Object[ ]类型使用。而非基本类型，两种情况都可以。 示例： 注意：这里没给自动装箱的原因是int[]本来就已经是一个对象了！ 3.Arrays.asList()方法处理int[ ]和String[ ]时
java array 用法_关于JAVA 数组的使用介绍
weixin_29088655的博客
02-16 515
本篇文章小编将为大家介绍，关于JAVA 数组的使用介绍，有需要的朋友可以参考一下JAVA数组与容器类主要有三方面的区别：效率、类型和保存基本类型的能力。在JAVA中，数组是一种效率最高的存储和随机访问对象引用序列的方式。数组就是一个简单的线性数列，这使得元素访问非常快速。但是为此付出的代价却是数组的大小被固定，并且在其生命周期中不可改变。由于范型和自动包装机制的出现，容器已经可以与数组几乎一样方便...
classList 类数组
kino2046的博客
09-01 564
classList 类数组 [ ]下标 元素的第几个class名字 length 返回类列表中类的数量，该属性是只读的 varx = document.getElementById("myDIV").classList.length; value className add('name') 给元素添加一个 clas...
java 数组的class_Java中9大内置Class实例和数组的Class实例
weixin_42498487的博客
02-12 710
Java中9大内置Class实例和数组的Class实例Java中一切皆对象，基本数据类型，没有类的全限定名，也没有getClass方法问题：那么如何使用Class类来表示基本数据类型的Class实例？》Byte, short, int, long, char, float, double, boolean, void关键字上述8种类型和void关键字，都有class属性表示int的Class对象...
The Joy of JavaScript-2021.pdf
最新发布
07-16
例如，使用`Array.map()`方法处理数组： ```javascript const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(function(n) { return n * 2; }); console.log(doubledNumbers); // [2, 4, 6, 8, ...
php无限分类源码加讲解
12-16
2. `listToTree($array, $pkey='id', $pkid='parent_id', $child='children')`：此函数将扁平化的分类数据转换为树形结构，方便进行遍历和操作。它使用`$pkey`（主键）、`$pkid`（父键）和`$child`（子元素键名）来...
前端大厂最新面试题-2019猿辅导前端社招面经.docx
06-06
7. **数组扁平化并排序**：数组扁平化可以使用递归、`Array.prototype.flat()`（ES2019）、或者`reduce()`方法实现。排序可以结合`flat()`或`concat()`等方法，先扁平化，再使用`Array.prototype.sort()`进行排序。...
mootools-12-cheat-sheet-pf.pdf
11-07
除了标准的`each`、`every`、`filter`、`indexOf`、`map`和`some`之外，还提供了`clean`（去除空值）、`associate`（创建关联数组）、`link`（链接数组元素到对象）、`contains`（检查成员）、`extend`（合并数组）...
C# .Net经典面试题
06-09
- **初始化**: 结构体必须在创建时完全初始化，而类可以在构造函数中完成初始化。 - **默认值**: 结构体有默认值（如0或null），而类的默认值是`null`。 - **继承**: 结构体不能从另一个结构体或类继承，也不能被...
Class类文件结构
weixin_43082343的博客
04-05 599
Class类文件结构 Class类文件结构作为JVM知识点的一块，是非常值得去学习的。
C语言CLASS 5：数组
Ashle_MIN的博客
03-07 316
C语言CLASS 5：数组
C++类和对象数组
热门推荐
夏牧子的博客
05-14 4万+
C++类和对象数组 【1】对象数组 1：对象数组的定义：类名 数组名[元素个数] Eg: student asa[10];//有10个元素的学生类对象数组 2：对象数组的访问形式：数组名[下标].成员名； Eg: asa[j].print(); 3:对象数组的初始化：对象数组的初始化通常也是由构造函数来完成的。 Eg: #include”student.h” int main {...
Class对象
sunyameng_ndsc的专栏
06-24 929
Java程序在运行时，Java运行时系统一直对所有的对象进行所谓的运行时类型标识。这项信息纪录了每个对象所属的类。虚拟机通常使用运行时类型信息选准正确方法去执行，用来保存这些类型信息的类是Class类。Class类封装一个对象和接口运行时的状态，当装载类时，Class类型的对象自动创建。        Class 没有公共构造方法。Class 对象是在加载类时由 Java 虚拟机以及通过调用类加
java class数组_java的类数组 - 青小羊的个人空间 - OSCHINA - 中文开源技术交流社区...
weixin_35252964的博客
02-20 588
新建一个羊类，然后在建一个羊类数组，然后对每个羊进行赋值，分类。最后显示输出。import java.util.Scanner;class Sheep{private String type;private int id;private double wight;private String color;public Sheep(){}public Sheep(String type,int id...
classList类数组
weixin_45368324的博客
04-09 476
classList classList 属性返回元素的类名，作为 DOMTokenList 对象。 该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它 [ ]下标 元素的第几个class名字 length 返回类列表中类的数量，该属性是只读的 var x =...
CArray Class
Gordennizaicunzai的博客
07-31 1037
CArray Class Members #include <afxtempl.h> template< classTYPE, classARG_TYPE> class CArray : public CObject 第一个参数为数组元素的类型，如CArray<int,int>caiNum;即caiNum是int数组；如果是构造数据类型如一个结构体、类，并且当这个数据类型存在指针，需要深拷贝的话，那么CArray将会无法工作。所以，我们必须要为这个构造数据类型，提供一个赋值构造函数。 第二个参数为引用类型
np.array创建二维数组
09-08
要使用np.array创建二维数组，需要向array函数传递一个列表类型参数，其中每个列表元素是一维ndarray类型数组，作为二维数组的行。例如，可以使用以下代码创建一个二维数组： ```python import numpy as np b = np....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值