JavaScript 数组学习总结
类数组转数组
ES5解决方案
let arr = Array.prototype.slice.call(arrlike)
ES6解决方案
let arr = Array.from(arrlike) // 使用Array.from
let arr = [...arrlike] // 使用拓展运算符
对象转数组
首先,我们来看两个方法 Object.keys() 、Object.values()
Object.keys(obj) 返回的是一个由obj对象的键名 组成的数组,obj可以是数组
Object.values(obj) 返回的是一个由obj对象的值 组成的数组
这两个方法有一些妙用,看下面代码:
//判断对象是否为空
const isEmpty = (obj) => Object.keys(obj).length !== //字符串转为数组
let arr = Object.values('abc') //arr = ['a','b','c']
对象的遍历
const me = {
firstName: 'dell',
lastName: 'lee',
}
let arrme = [ ]
// 命令式风格
for (const [key, value] of Object.entries(me)) {
arrme.push(`${value}`)
}
//函数式
Object.entries(me).forEach(([key, value]) => console.log(`${key}: ${value}`))
字符串转数组方法总结
console.log(Array.from('abcd'))
console.log([...'abcd'])
console.log('abcd'.split('')) //推荐使用,兼容性好
构建重复值得数组用 fill()
let arr = new Array().fill() //[6,6,6,6,6,6]
数组的方法总结
1 插入删除类
push/pop 数组末尾添加/删除
unshift/shift 数组开头添加/删除
splice 可删除,可插入
2 截取连续子集
slice(start,end)
3 查找元素类
arr.indexOf() indexOf() 方法可返回数组中某个指定的元素(第一个)位置,没找到返回-1
arr.lastIndexOf() lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找,没找到返回-1
includes() 用来判断一个数组是否包含一个指定的值 如果包含则返回 true arr.includes(item)
find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。
findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。
4 拼接
arr.join('+') 拼接成字符串
arr1.concat(arr2) 拼接数组
5 判断是否为数组
arr.isArray()
6 排序类
sort() 排序
reverse() 翻转数组
7 集合变换类
forEach 无返回值,常用于存粹的遍历,大多数情况可以替代 for 循环使用 不能变量对象,可以使用for in
filter 返回原数组的子集,不改变原数组,用于对原数组的进行过滤筛选
let newArr = [,,,,,,].filter((item,index,arr) => {
return item % ==
})
map 返回的和原数组长度相同的映射数组,用于映射到另外一个数组
let newArray = [,,,].map((item,index,arr) => {
return item +
})
reduce/reduceRight 返回一个和初始值类型相同的值,中文叫归并操作,用于遍历数组每个元素收集需要的数据返回一个值
const scores = [
{
subject: 'math',
score:
},
{
subject: 'chinese',
score:
},
{
subject: 'english',
score:
}
];
const dis = {
math: 0.5,
chinese: 0.3,
english: 0.2
}
const sum = scores.reduce((pre,item) => {
return pre + item.score * dis[item.subject]
},)
JavaScript 数组学习总结的更多相关文章
- javascript 数组学习(一)
今天学习了一下<javascript权威指南(第6版)>的第七章:数组 一.数组的创建: 数组的创建有3种方法: var colors = new Array(3);//可以省略new v ...
- Javascript数组学习
记录下学习数组的过程 1.创建数组 var ary1 = new Array();//空数组 var ary2= [] ;//字面量 2.数组检测 //方法一 if(array instanceof ...
- 【学习笔记03】Javascript数组学习
数组定义的方法一: var Myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度2 Myarr[i]=new Array(); //再声 ...
- JavaScript数组学习总结
数组 数组 1.数组:数组是一组数据(数据类型不限,任意)的有序集合===>我们写代码,一般一个数组只放一种数据类型的数据 2.我们写代码,一般一个数组只放一种类型的数据 3.注意: 大多数 ...
- javascript数组学习1
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- JavaScript数组(二)实例
一.Js 数组示例常用操作. $(function () { Javascript数组学习 var nums = new Array([10], [5],[ 8], [2], [3]); 数组反转 n ...
- RX学习笔记:JavaScript数组操作
RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.un ...
- [前端JS学习笔记]JavaScript 数组
一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...
- JavaScript基础学习(三)—数组
一.数组简介 JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可 ...
随机推荐
- SQL查询小案例
这是一篇自学MySQL的小案例,下面是部分数据信息:goods表 1.查询cate_name为‘超级本’的商品名称.价格 SELECT `name`, priceFROM goodsWHERE cat ...
- Java多线程(十五):CountDownLatch,Semaphore,Exchanger,CyclicBarrier,Callable和Future
CountDownLatch CountDownLatch用来使一个线程或多个线程等待到其他线程完成.CountDownLatch有个初始值count,await方法会阻塞线程,直到通过countDo ...
- Spring Cloud gateway 网关服务 一
之前我们介绍了 zuul网关服务,今天聊聊spring cloud gateway 作为spring cloud的亲儿子网关服务.很多的想法都是参照zuul,为了考虑zuul 迁移到gateway 提 ...
- spring boot 面试题详解
1.什么是springboot 用来简化spring应用的初始搭建以及开发过程 使用特定的方式来进行配置(properties或yml文件) 创建独立的spring引用程序 main方法运行 嵌入的T ...
- (Java) RedisUtils
package com.vcgeek.hephaestus.utils; import org.springframework.beans.factory.annotation.Autowired; ...
- Java 数据类型和初始值
Java 基本数据类型 byte.short.int.long.float.double.boolean.char byte 数据类型是8位.有符号的,以二进制补码表示的整数 short 数据类型是 ...
- [2018-01-12] laravel中的MVC
路由里面可以做所有事情,但是真正的项目当中,路由只用来接收请求,并转发给控制器的方法进行处理 首先我们先了解一下 一.app/Http/routes路由的用法: 方法一. 这种方法写完后在控制器创建方 ...
- [考试反思]0907NOIP模拟测试39:角落
题比较简单,但是做的非常烂. T1是个愚蠢的找规律组合数快速幂,数组开小了(看错数据范围) T2题目保证联通没看见,hack掉了正解. T3也挺蠢的,但是打乱了,思路不是很清晰导致丢了50分. 只能说 ...
- 长寿花:dp
当然可以打组合数+CRT什么的,但是其实不必那么麻烦. 先讲那个思路,再转化过来吧. 首先可以发现的一个问题:所有颜色之间是没有区别的,所以我们其实并不在意到底是哪几种,我们只需要知道有几种就可以了. ...
- 『题解』洛谷P1063 能量项链
原文地址 Problem Portal Portal1:Luogu Portal2:LibreOJ Portal3:Vijos Description 在\(Mars\)星球上,每个\(Mars\)人 ...