总结 JS 常用基础操作（1）

总结 JS 的基础操作
字符，数组，对象，类，数字

slice(start,end)（ end 默认为最后一位）

slice(1)   截取下标从 1 开始到结尾的数据

var a = 'abcdefg'

var b = a.slice(1)

console.log(a, b); // abcdefg bcdefg

indexof('s')  返回 子串字符 在 目标字符串 中的第一个开始下标
没有返回  “-1”。

一般又来判断一个字符串是否包含另一个字符串

var c = a.indexOf('ab')

console.log(c); //  0

a.indexOf('23')  // -1

split()  按照参数将字符串分割为数组

console.log(a.split('')); // [  'a', 'b', 'c', 'd', 'e', 'f', 'g' ]

2，数组   

// 需要注意的是  引用类型 和 基本类型 的数据操作时会不会影响原来的数据  部分 bug 就是来源于此，这是我们写代码时常常要注意的点

// push pop slice indexOf concat sort map find filter

// push 添加一个元素到数组末尾。

// pop 从数组中删除最后一个元素。

// slice 返回数组中指定范围的元素

var b = a.slice(1, 3)

console.log(a, b);//[ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ] ['b', 'c']

// 数组的 indexOf 和 concat 与 字符的 indexOf,concat 类似

// sort 对数组中的元素进行排序

var numbers = [5, 2, 8, 1, 4];

numbers.sort(function (a, b) {

return a - b;

});

console.log(numbers); // 输出：[1, 2, 4, 5, 8]

// find() 方法查找数组中第一个符合某个条件的元素：

var numbers = [1, 2, 3, 4, 5];

var firstEvenNumber = numbers.find(function (number) {

return number % 2 === 0;

});

console.log(firstEvenNumber); // 输出：2

// map() 方法对数组中的每个元素进行操作：

var numbers = [1, 2, 3, 4, 5];

var doubledNumbers = numbers.map(function (number) {

return number * 2;

});

console.log(doubledNumbers); // 输出：[2, 4, 6, 8, 10]

// filter() 方法从数组中过滤掉不符合条件的元素：

var numbers = [1, 2, 3, 4, 5];

var evenNumbers = numbers.filter(function (number) {

return number % 2 === 0;

});

console.log(evenNumbers); // 输出：[2, 4]

join() // 将数组转换为字符串  常常与字符的 split操作对应

var numbers = [1, 2, 3, 4, 5];
var numbersString = numbers.join(', ');
console.log(numbersString); // 输出：1, 2, 3, 4, 5