js中数组的增删改查

js中数组的增删改查

• 向数组中增加元素

  1.push()方法

  //用字面量的方式创建
  var arr = ['red','yellow','blue'];
  //push方法用于在数组的末端添加一个或多个元素
  arr.push('orange');
  console.log(arr); //输出结果为：["red", "yellow", "blue", "orange"]
  

  2.通过数组名[下标/索引] （下标必须大于数组的最大下标）

  var arr = ['red', 'green'];
  arr[3] = "blue";
  console.log(arr);//输出结果为：["red", "green","blue"]
  
  

  ​

• 删除数组中的某个或多个元素

  1.pop()方法

  var arr = ['red','yellow','blue'];
  //pop方法用于删除数组的最后一个元素
  arr.pop();
  console.log(arr); //输出结果为：["red", "yellow"]
  

  2.slice()方法

var arr = ['red','yellow','blue','green','pink'];
//slice方法可从已有的数组中返回选定的元素（参数为下标）
//不会改变原数组
console.log( arr.slice(2,4) );//输出结果为：["blue", "green"]

​ 3.splice()方法

var arr = ['red','yellow','blue','green','pink'];
//splice方法可删除从某个下标处开始的零个或多个元素
arr.splice(1,1);//删除'yellow'
//第一个参数为下标，第二个参数为删除的个数，（可以为0）
console.log(arr);//输出的结果为：["red", "blue", "green", "pink"]

​ 4.设置空数组，通过遍历数组往空数组中添加要除删除的元素之外的元素

//删除数组中的"green"元素
var new_arr = [];
var arr = ["red", "green", "blue"];
for(var i = 0; i < arr.length; i++) {
  if(arr[i] != 'green'){
    new_arr.push(arr[i]);
  }
}
console.log(new_arr); //输出结果为：["red" , "blue"]

• 修改数组中的某个元素

  // 格式：数组名[下标/索引] = 值;
  // 如果下标有对应的值，会把原来的值覆盖，如果下标不存在，会给数组新增一个元素。
  var arr = ["red", "green", "blue"];
  
  arr[0] = "yellow"; // 把red替换成了yellow
  
  arr[3] = "pink"; // 给数组新增加了一个pink的值
  

  ​

• 获取数组中的元素

  1.数组名[下标/索引]

  // 格式：数组名[下标] ,下标从0开始	
  // 获取数组对应下标的那个值，如果下标不存在，则返回undefined。
  var arr = ['red', 'green'];
  arr[0];	// red
  arr[1]; // green
  arr[5]; // 这个数组的最大下标为1,因此返回undefined
  

  2.遍历

  var arr = ["red", "green", "blue"];
  for(var i = 0; i < arr.length; i++) {
  	console.log(arr[i]); //输出结果为：red   green  blue
  }
  

  ​

  ​

  ​