数组的部分操作(一)

移除最后一个数组元素 xxx.pop()

const sites = ['Google', 'Runoob', 'Taobao', 'Zhihu', 'Baidu'];
 
console.log(sites.pop());
// 输出结果为: "Baidu"
 
console.log(sites);
// 输出结果为: ['Google', 'Runoob', 'Taobao', 'Zhihu']
 
sites.pop();
 
console.log(sites);
//  输出结果为: ["Google", "Runoob", "Taobao"]

concat() 方法用于连接两个或多个字符串。

该方法没有改变原有字符串，但是会返回连接两个或多个字符串新字符串。

var str1="Hello ";
var str2="world!";
var str3=" Have a nice day!";
var n = str1.concat(str2,str3);
conslog.log(n)
// Hello world! Have a nice day!

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

const v1 = 'abc';
const v2 = true;
const v3 = 10;
 
const obj = Object.assign({}, v1, v2, v3);
console.log(obj); // {0: "a", 1: "b", 2: "c"}

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。

var num = [1,2,3,4,5];
var res = num.reduce(function(total,num){
    return total+num;
    //return total + Math.round(num);//对数组元素四舍五入并计算总和
},0);
console.log(res)；//15
//num.reduce((total,num) => total += num, 0);
//没有初始值initialValue（即上面例子中的0），当数组为0时会抛出异常提示reduce函数没有初始值，所以为兼容性一般加上initialValue

arr.reduce(function(prev,cur,index,arr){
...
}, init);
prev 必需。累计器累计回调的返回值; 表示上一次调用回调时的返回值，或者初始值 init;
cur 必需。表示当前正在处理的数组元素；
index 可选。表示当前正在处理的数组元素的索引，若提供 init 值，则起始索引为- 0，否则起始索引为1；
arr 可选。表示原数组；
init 可选。表示初始值。

详细应用可以看JS中reduce的用法_fighting ~的博客-优快云博客_js reduce

includes() 方法用于判断字符串是否包含指定的子字符串。

如果找到匹配的字符串则返回 true，否则返回 false。

var str = "Hello world, welcome to the Runoob。";
var n = str.includes("Runoob");
console.log(n) //true

var btnList = [1,2,3,4,5,6,7,8,9,0]
var btnState = 0
v-if="[1, 5, 6].includes(btnState)" // false
//满足条件才显示

[...]和{...} 

[...]
const arr = ['a', 'b', 'c']
const obj ={id: 1, idenx: 1}
let  array = []
array = [...arr, obj]
console.log(arr) // ['a', 'b', 'c']
console.log(array) // ['a', 'b', 'c', {…}]

{...}

const object = {}
const obj ={id: 1, idenx: 1}
let  array =['a', 'b', 'c']
object = {...obj, array}
console.log(obj) // {id: 1, idenx: 1}
console.log(object) // {id: 1, idenx: 1, array: Array(3)}

let object = {}
const obj ={id: 1, idenx: 1}
object = {...obj, ids: 2}
console.log(obj) // {id: 1, idenx: 1}
console.log(object) // {id: 1, idenx: 1, ids: 2}