JavaScript中数组的操作

JavaScript中数组的操作

增

• push()
  • 插入后数组长度 = 数组.push(元素);
  • 返回数组长度；插入一个元素到数组最后面（改变原数组）
• unshift()
  • 插入后数组长度 = 数组.unshift(元素)；
  • 返回数组长度；插入一个元素到数组最前面（改变原数组）

var arr = [ 1, 2, 3, 4];
var newArrLen1 = arr.push(3);
console.log(newArrLen1); // => 5
console.log(arr); // => [ 1, 2, 3, 4, 3]

var newArrLen2 = arr.unshift(5);
console.log(newArrLen2); // => 6
console.log(arr); // => [5, 1, 2, 3, 4, 3]

删

• pop()
  • 删除元素 = 数组.pop();
  • 返回被删除的元素；删除数组最后一个元素（改变原数组）
• shift()
  • 删除元素 = 数组.shift();
  • 返回被删除的元素；删除数组第一个元素（改变原数组）

var arr = [1, 2, 3, 4, 5];
var char1 = arr.pop();
console.log(char1); // => 5
console.log(arr); // => [1, 2, 3, 4]

var char2 = arr.shift();
console.log(char2); // => 1
console.log(arr); // => [2, 3, 4]

连

• concat()
  • 连接后的新数组 = 数组1.concat(数组2);
  • 返回一个新数组；将数组2添加到数组1后面（原数组不变）

var arr1 = [1, 2, 3];
var arr2 = [6, 7, 8];
var newArr = arr1.concat(arr2);
console.log(arr1); // => [1, 2, 3]
console.log(arr2); // => [6, 7, 8]
console.log(newArr); // => [1, 2, 3, 6, 7, 8]

换

• join()

  • 字符串 = 数组.join(分隔符);
  • 返回一个由分隔符分隔开的字符串；（不改变原数组）

• split()

  • 数组 = 字符串.split(分隔符);
  • 返回一个数组（不改变原字符串）

var arr = [1, 2, 3, 4, 5];
var str = arr.join('-');
console.log(arr); // => [1, 2, 3, 4, 5]
console.log(str); // => 1-2-3-4-5

var arr1 = str.split('-');
console.log(arr1); // => ["1", "2", "3", "4", "5"]
var arr2 = str.split();
console.log(arr2); // => ["1-2-3-4-5"]
var arr3 = str.split('');
console.log(arr3); // => ["1", "-", "2", "-", "3", "-", "4", "-", "5"]

查

• length
  • 数组长度 = 数组.length;
  • 输出数组的长度

var arr = [1, 2, 3, 4, 5];
var arrLen = arr.length;
console.log(arr); // => [1, 2, 3, 4, 5]
console.log(arrLen); // => 5

改

• reverse()

  • 数组.reverse();
  • 降序排列 （改变原数组）

• sort()

  • 数组.sort();
  • 升序排列 （改变原数组）
  • sort() 会调用每个数组项的toString转型方法，然后再比较转换后的字符串

var arr1 = [1, 9, 3, 10, 50];
var newArr1 = arr1.reverse();
console.log(arr1); // => [50, 10, 3, 9, 1]
console.log(newArr1); // => [50, 10, 3, 9, 1]

var arr2 = [1, 9, 3, 10, 50];
var newArr2 = arr2.sort();
console.log(arr2); // => [1, 10, 3, 50, 9]
console.log(newArr2); // => [1, 10, 3, 50, 9]

https://github.com/PaddyWang/summarize