js数组的增删改查

array

数组的增删改：

• push 从数组后面推入一个元素或多个元素

var arr = [1,2,3];
​
// 返回：修改后数组的长度
arr.push(4,5,6);

• pop 删除数组最后一个元素

// 数组的pop方法用于将数组的最后一个元素移除
var arr = [1,2,3];
​
// 返回 被删除的元素；
arr.pop();

• unshift 从数组前面添加一个或多个元素

var arr = [1,2,3];
​
// 返回：修改后数组的长度
arr.unshift(4,5,6);

• shift 用于将数组的第一个元素移除

// 数组的shift方法用于将数组的第一个元素移除
var arr = [1,2,3];
​
// 返回 被删除的元素；
arr.shift(); 

• splice：可进行数组任何位置的增删改

// 数组的splice方法用于从数组的指定位置移除、添加、替换元素
var arr = ['a','b','c','d','e'];
​
// 对原数组操作
// 作用：从索引3开始移除，总共移除1个元素 ，
// 返回:被移除元素的数组
arr.splice(3,1);
console.log(arr);
​
​
// 在c的后面添加7和8两个元素
// 作用：从索引3开始添加，移除0个元素，把7，8加入；
// 返回：一个空数组
// 操作原数组；
arr.splice(3,0,7,8);
​
​
​
// 作用：从索引1开始替换，总共替换1个，用0替换 ；
// 返回：被替换元素的数组
arr.splice(1,1,0);
console.log(arr); 

与字符串互转

• join 用于将数组中的多元素以指定分隔符连接成一个字符串

var arr = ['刘备','关羽','张飞'];
var str = arr.join('|');
console.log(str);  //  刘备|关羽|张飞

• split 字符串的方法：转数字，后面为分隔的字符

// 这个方法用于将一个字符串以指定的符号分割成数组
var str = '刘备|关羽|张飞';
var arr = str.split('|');
console.log(arr);

查找元素

• indexOf：根据元素查找索引，如果这个元素在数组中，返回索引，否则返回-1，找元素在不在数组内部

var arr = [10,20,30]
console.log(arr.indexOf(30));  //
console.log(arr.indexOf(40));  // -1

• findIndex方法用于查找满足条件的第一个元素的索引，如果没有，则返回-1

var arr = [10, 20, 30];
var res1 = arr.findIndex(function (item) {
  return item >= 20;
});
// 返回 满足条件的第一个元素的的索引
console.log(res1);
​
​
var res2 = arr.findIndex(function (item) {
  return item >= 50;
});
// -1
console.log(res2);

关注微信公众号 WEB前端大澳  领取最新的 前端资料