正文

js数组的增删改查

IP云
IP云V管理员/3 阅读
11/30
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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前端大澳  领取最新的 前端资料

相关阅读

目录[+]