【版权声明】未经博主同意，谢绝转载！（请尊重原创，博主保留追究权）
https://www.cnblogs.com/cnb-yuchen/p/18328759
出自【进步*于辰的博客】

参考笔记一，P10.4、P13.2；笔记三，P48.1。

• 先言
• 1、通用函数
• 2、Global对象函数
• 3、数组相关函数
  • 3.1 arr.find(item => {})
  • 3.2 Array.from(obj)
  • 3.3 arr.copyWithin(a, b, c)
• 最后

先言

1. 下文所列举函数可能隶属ES5或ES6（特别是数组相关函数），我列举的是一些常用函数，并且一些“成对”函数我不会列举，如：lastIndexOf()（PS：一般情况下，lastIndexOf()会与indexOf()共同存在）。
2. 诸如函数的学习与使用，建议大家查看源码，稍作测试便可掌握。

1、通用函数

2、Global对象函数

示例。

var url = 'https://blog.csdn.net/m0_69908381?type=blog&name=进步*于辰'
var enurl1 = encodeURI(url)
var enurl2 = encodeURIComponent(url)
console.log(enurl1)
console.log(enurl2)

var deurl1 = decodeURI(enurl1)
console.log(deurl1)
var deurl2 = decodeURIComponent(enurl2)
console.log(deurl2)

打印结果：

3、数组相关函数

参考笔记二，P9.4~8、P41.5；笔记三，P48.7、P12.3。

3.1 arr.find(item => {})

业务：返回满足条件的第一个元素，条件由函数内自定义。遍历时以true（满足条件）作为结束，若数组中无满足条件的元素或使用了return false，返回undefined。（注：item 是数组元素，遍历时作为参数传入函数，并作为返回值）

1：查找普通数组。

let arr = Array.of(10, 20, 30)
let e = arr.find(item => {
    return item > '10'
})
console.log(e);// 20

可见，JS中在比较时忽略数据类型。

2：查找对象数组。

var platform = [{
    id: 1,
    name: 'C站'
}, {
    id: 2,
    name: 'B站'
}]

var e = platform.find(item => {
    if(item.id == '1')
        return true
})
console.log(e)// { id: 1, name: 'C站' }

e = platform.find(item => {
    if (item.id == '1')
        return false
})
console.log(e)// undefined

3.2 Array.from(obj)

1：转化数组。

let arr = Array.from([1, 2, 3])
console.log(arr);// [ 1, 2, 3 ]

2：转化对象。

let obj = {
    id: 1,
    name: 'yc'
}
obj = Array.from(obj)
console.log(obj);// []

obj = {
    0: 1,
    1: 'yc',
    length: 2
}
obj = Array.from(obj)
console.log(obj);// [ 1, 'yc' ]

由于数组的打印结果与对象相似，在满足以下两个条件的情况下，Array.from()可将对象转化成数组：

1. 对象属性名改为下标；
2. 添加属性length，值为属性数。

满足条件的对象一般称为“对象数组”。

3：转化标签数组。

有5个按钮：

获取并遍历：

let tags = document.getElementsByTagName('button')
for(let i in tags)
    console.log(tags[i])

打印结果：

可见，多出了最后两个“额外”信息，这是标签数组本身自带的，与遍历无关。可是，若遍历中存在“标签操作”（如：设置标签属性），则会报错。

解决方案：

let tags = document.getElementsByTagName('button')
tags = Array.from(tags)
for(let i in tags)
    console.log(tags[i])

打印结果：

这样就可以去掉“额外”信息。

3.3 arr.copyWithin(a, b, c)

示例：

let arr1 = Array.of(2, 3, 4, 5, 6)
arr1.copyWithin(1, 3, 5)
console.log(arr1)// [ 2, 5, 6, 5, 6 ]

let arr1 = Array.of(2, 3, 4, 5, 6)
arr1.copyWithin(1, 3, 4)
console.log(arr1)// [ 2, 5, 4, 5, 6 ]

最后

暂无言。

本文持续更新中。。。