类数组转数组

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 数组学习总结的更多相关文章

  1. javascript 数组学习(一)

    今天学习了一下<javascript权威指南(第6版)>的第七章:数组 一.数组的创建: 数组的创建有3种方法: var colors = new Array(3);//可以省略new v ...

  2. Javascript数组学习

    记录下学习数组的过程 1.创建数组 var ary1 = new Array();//空数组 var ary2= [] ;//字面量 2.数组检测 //方法一 if(array instanceof ...

  3. 【学习笔记03】Javascript数组学习

    数组定义的方法一: var Myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度2 Myarr[i]=new Array(); //再声 ...

  4. JavaScript数组学习总结

    数组   数组 1.数组:数组是一组数据(数据类型不限,任意)的有序集合===>我们写代码,一般一个数组只放一种数据类型的数据 2.我们写代码,一般一个数组只放一种类型的数据 3.注意: 大多数 ...

  5. javascript数组学习1

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  6. JavaScript数组(二)实例

    一.Js 数组示例常用操作. $(function () { Javascript数组学习 var nums = new Array([10], [5],[ 8], [2], [3]); 数组反转 n ...

  7. RX学习笔记:JavaScript数组操作

    RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.un ...

  8. [前端JS学习笔记]JavaScript 数组

    一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...

  9. JavaScript基础学习(三)—数组

    一.数组简介     JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可 ...

随机推荐

  1. SQL查询小案例

    这是一篇自学MySQL的小案例,下面是部分数据信息:goods表 1.查询cate_name为‘超级本’的商品名称.价格 SELECT `name`, priceFROM goodsWHERE cat ...

  2. Java多线程(十五):CountDownLatch,Semaphore,Exchanger,CyclicBarrier,Callable和Future

    CountDownLatch CountDownLatch用来使一个线程或多个线程等待到其他线程完成.CountDownLatch有个初始值count,await方法会阻塞线程,直到通过countDo ...

  3. Spring Cloud gateway 网关服务 一

    之前我们介绍了 zuul网关服务,今天聊聊spring cloud gateway 作为spring cloud的亲儿子网关服务.很多的想法都是参照zuul,为了考虑zuul 迁移到gateway 提 ...

  4. spring boot 面试题详解

    1.什么是springboot 用来简化spring应用的初始搭建以及开发过程 使用特定的方式来进行配置(properties或yml文件) 创建独立的spring引用程序 main方法运行 嵌入的T ...

  5. (Java) RedisUtils

    package com.vcgeek.hephaestus.utils; import org.springframework.beans.factory.annotation.Autowired; ...

  6. Java 数据类型和初始值

    Java 基本数据类型 byte.short.int.long.float.double.boolean.char byte 数据类型是8位.有符号的,以二进制补码表示的整数 short 数据类型是 ...

  7. [2018-01-12] laravel中的MVC

    路由里面可以做所有事情,但是真正的项目当中,路由只用来接收请求,并转发给控制器的方法进行处理 首先我们先了解一下 一.app/Http/routes路由的用法: 方法一. 这种方法写完后在控制器创建方 ...

  8. [考试反思]0907NOIP模拟测试39:角落

    题比较简单,但是做的非常烂. T1是个愚蠢的找规律组合数快速幂,数组开小了(看错数据范围) T2题目保证联通没看见,hack掉了正解. T3也挺蠢的,但是打乱了,思路不是很清晰导致丢了50分. 只能说 ...

  9. 长寿花:dp

    当然可以打组合数+CRT什么的,但是其实不必那么麻烦. 先讲那个思路,再转化过来吧. 首先可以发现的一个问题:所有颜色之间是没有区别的,所以我们其实并不在意到底是哪几种,我们只需要知道有几种就可以了. ...

  10. 『题解』洛谷P1063 能量项链

    原文地址 Problem Portal Portal1:Luogu Portal2:LibreOJ Portal3:Vijos Description 在\(Mars\)星球上,每个\(Mars\)人 ...