Js常用方法：String字符串拼接、数组合并、对象合并等

Js常用方法：String字符串拼接、数组合并、对象合并等

Js常用方法（一）String字符串 、Array数组、Object对象 增操作

前言：前端开发中最常见的就是对字符串、数组或对象增删改查等操作 下面总结一下常用且比较实用的方法。

• Js常用方法（一）
  String字符串 、Array数组、Object对象 ——增操作

1.String字符串 增 通俗理解成字符串拼接，比如

var str1 = '友情提示：'
var str2 = '明天会下暴风雨,出门需谨慎！'
var str = str1 + str2 //直接用 +拼接两个字符串
console.log(str) //打印结果为  “友情提示： 明天会下暴风雨,出门需谨慎！”

2.Array数组新增元素或数组合并操作

//concat 数组合并，连接两个或更多数组,并返回结果
var arr1 = ['香蕉', '苹果']
var arr2 = ['西瓜', '甘蔗']
var arr = arr1.concat(arr2)
console.log(arr) //打印结果 ['香蕉','苹果','西瓜','甘蔗']

//push 向数组末尾增加一个或更多元素 
//unshift 向数组开头增加一个或更多元素 
var arr = [{ name: 'aaa', age: '19' }, { name: 'bbb', age: '20' }]
var item = { name: 'ccc', age: '21' }
arr.push(item) //打印结果 [{name:'aaa',age:'19'},{name:'bbb',age:'20'}，{name:'ccc',age:'21'}]
arr.unshift(item) //打印结果 [{name:'ccc',age:'21'},{name:'aaa',age:'19'},{name:'bbb',age:'20'}]

3.Object 对象 添加/移除对象属性/对象合并去重操作

//Object 对象 (JavaScript 对象是拥有属性和方法的数据) 比如：
var person = {
    firstName: "John",
    lastName: "Doe",
    id: 5566,
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
};
//添加/移除对象属性
var obj = new Object();
//为对象添加动态属性
obj.userName = "admin";
obj.passWord = "123456";
//移除属性
delete obj.passWord;
console.log(obj); //{userName:'admin'}

 //对象合并去重方法1： Object.assign(合并的对象，传入合并中的对象....)
let user = { name: '无敌人', age: 19 };
let page = { pageSize: 10, currentPage: 1 };
let newObj = {};
Object.assign(newObj, user, page);
console.log(newObj) // {name:'无敌人',age:19,pageSize:10,currentPage:1};
 //合并对象并去重方法2：...
let objOne = { a: 1 };
let objTwo = { b: 2 };
let objThree = { b: 4, c: 5 };
let obj1 = {...objOne, ...objTwo, ...objThree };
console.log(obj1) // {a:1,b:4,c:5}

下一章：Js常用方法（二）String字符串 、Array数组、Object对象 删操作