JS中数组与字符串的常用属性和方法总结

``JS中数组与字符串的常用属性和方法总结

window.onload = function () {
// 数组常用方法
// 1 concat() 拼接
// let arr = [1,2,3];
// console.log(arr.concat([4,5,6],7)) // [1,2,3,4,5,6,7]

// 2 join() 分割为字符串
// let arr = [1,2,3];
// console.log(arr.join('&')); // 1&2&3

// 3 push() 数组尾部添加
// 改变原数组,返回gaibianhou7的数组长度
// let arr = [1,2];
// console.log(arr.push(3)); // 返回改变后的数组长度3
// console.log(arr); // [1,2,3] 原数组改变

// 4 unshift() 向数组前面添加元素
// 改变原数组 并返回新数组长度
// let arr = [2,6];
// console.log(arr.unshift(1)); // 返回改变后的数组长度3
// console.log(arr); // [1,2,3] 改变原数组

// 5 pop() // 删除末尾数组元素
// 改变原数组 返回新数组长度
// let arr = [1,2,3];
// console.log(arr.pop()); // 返回删除后的元素3
// console.log(arr); // [1,2] 原数组发生改变

// 6 shift() // 删除数组开头元素
// let arr = [5,2,3];
// console.log(arr.shift()); // 返回删除的元素 5
// console.log(arr); // [2,3] 原数组发生改变

// 7 valueOf() // 返回对象的原始值
// let arr = ['a', 'b', 'c'];
// console.log(arr.valueOf()) // ['a', 'b', 'c']

// 8 indexOf() // 通过元素查找位置 若无该元素则返回-1
// let arr = ['a', 'b', 'c'];
// console.log(arr.indexOf('a')) // 返回元素位置 0

// 9 reverse() 颠倒数组顺序
// 改变原数组 返回新数组
// let arr = [1,2,3];
// console.log(arr.reverse()); // [3,2,1]
// console.log(arr);

// 10 sort() 排序
// 改变原数组 返回新数组
// let arr = [2,11,3];
// console.log(arr.sort(function (a,b) {
//     // a-b 升序
//     return a - b;
// }));
// console.log(arr); // [2,3,11]

// 11 slice() // 截取数组
// let arr = ['a', 'b', 'c', 'd'];
// console.log(arr.slice(1, 2)) // 返回截取的元素b
// console.log(arr) //['a', 'b', 'c', 'd'] 原数组不改变

// 12 splice() // 截取数组,并插入元素
// let arr = ['a', 'b', 'c', 'd'];
// console.log(arr.splice(1, 2, [1,2,3])); // 返回截取的数组 ['b', 'c]
// console.log(arr); // 原数组发生改变 ["a", Array(3), "d"]

// 13 forEach() 遍历数组
// let arr = ['a', 'b', 'c', 'd'];
// arr.forEach(function (value, index, array) {
//     console.log(value);// 得到元素
//     console.log((index)); // 得到索引
//     console.log(array); // 得到整个数组
// })


// 字符串常用方法属性
// str.length 字符串长度
// let str = 'qwe';
// console.log(str.length) // 3

// str.charAt(); // 下标找字符
// let str = 'uio';
// console.log(str.charAt(2)) // o

// str.charCodeAt() 下标找字符,返回unicode编码
// let str = 'uiop';
// console.log(str.charCodeAt(2)) // 返回unicode编码 111

// concat(); 链接字符串
// let str = 'uio';
// console.log(str.concat('jkl')) // uiojkl 返回链接后的字符串
// console.log(str) // 原字符串不变

// indexOf() // 根据字符查下标
// let str = 'uiop';
// console.log(str.indexOf('o')) // 2

// replace() 字符串 返回新的字符串 原字符串不变
// let str = 'uiop';
// console.log(str.replace('o', 'q')) //uiqp
// console.log(str) // uiop 原字符串不变

// split() 将字符串分割为数组 返回数组,原字符串不变
// let str = 'u&i&o&p';
// console.log(str.split('&')) //  ["u", "i", "o", "p"]
// console.log(str)

// slice(); 截取字符串并返回截取的字符,不影响原字符串
// let str = 'uiop';
// console.log(str.slice(1, 2)) // i 截取字符串从1 开始2结束之前的字符
// console.log(str) // 不变

// substr() 提取字符串指定数的字符 返回截取的字符串
// let str = 'uiop';
// console.log(str.substr(1,2)) // io
// console.log(str) // 原字符串不变

// substring() 截取开始位置到结束位置的字符
// 返回截取的字符串 原字符串不变
// let str = 'uiop';
// console.log(str.substring(1, 3)) // io

// toLowerCase() // 字符串转换为小写
// let str = 'UIOP';
// console.log(str.toLowerCase())

// toUpperCase() // 字符串转换为小写
// let str = 'uiop';
// console.log(str.toUpperCase()) // 转换为大写

};