JavaScript基础学习--14 json、数组
JavaScript基础学习--14 json、数组
Demos： https://github.com/jiangheyan/JavaScriptBase
一、json
1、格式与取值：{key: value}
var json = {'name': 'jiang'} //最好用字符串的形式保存key，否则安全性不高
console.log(json.name); //jiang
console.log(json[name]); //undefined
console.log(json['name']); //jiang2、前后端常用格式：
var response = {
result: [{
'id': 1,
'name': 'nihao'
}, {
'id': 1,
'name': 'nihao'
}],
length: 2
};
======================================
var response = {
result: [{...},{...}],
length: 2
};3、for in 遍历json
var json = {
'name': 'nihao',
'id': '1'
};
for (var key in json) {
alert(key);
alert(json[key]); //因为key是变量，所以只能用[], 而不能用点方法
}4、for in 遍历对象
5、关于for in 和for循环
5.1 json和对象都没有length属性，所以遍历只能用for in 不能用for循环
5.2 数组既可以用for in，还可以呀for循环---》for in 范围广
二、数组
1、定义
var arr = [1, 2, 3]; //方便推荐
var arr2 = new Array(1, 2 3);
//小细节： arr2 = new Array(4) 此时如果参数是数字类型，且只有一个，则定义的是length。此时length = 4
//小细节： arr2 = new Array('4') 此时如果参数是数字类型，且只有一个，则定义的是length。此时是字符串形式，所以length = 1，且值为'4'2、length属性可读可写
//tips. 快速清空数组的方法：
arr.length = 0;
arr = []; //当数组中有万以上数据时，效率更高的方法是给数组重新赋值为空[], 这种清空数组的方法效率高注意：数组中的length属性可写，但是字符串中的length属性不可写，无效
3、数组方法（操作原数组）
3.1 arr.push(); //往数组的最后一位添加，且返回一个数组长度值 alert(arr.push('abc')); //返回数组长度
3.2 arr.unshift(); //往数组的第一位添加值，返回数组长度，但是 IE6、7不支持unshift的返回值
3.3 arr.pop(); //删除数组的最后一位，返回值是删除的数据
3.4 arr.shift(); //删除数组的第一位，返回值是删除的数据
//tips
arr = ['12', '34', '56'];
arr.unshift(arr.pop()); // '56', '12', '34'
arr.push(arr.shift()); //'34', '56', '12'3.5 arr.splice(ind, length, val2) //从第ind位置开始删除，一共删除length项，用val2替换
注意：返回值只返回删除的数据，如果没有删除，则返回空
4、数组去重
//方法一
function deRepeat(arr) {
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i]) === -1) {
newArr.push(arr[i]);
}
}
return newArr;
}
var a = [1, 1, 2, 3];
alert(deRepeat(a));
================================================
//方法二
function deRepeat2(arr) {
for (var i = 0; i < arr.length; i++) {
for (var j = i + 1; j < arr.length; j++) {
if (arr[i] === arr[j]) {
arr.splice(j, 1);
j--;
}
}
}
return arr;
}
var a = [1, 1, 2, 3];
alert(deRepeat2(a));5、sort排序 arr.sort();
注意：排序是按照字符串的ascll码排序的
//js原生排序的方法，sort里面的函数，如果是a - b > 0; 则交换a b 位置......
arr.sort(function(a, b){
return a-b;
//return parseInt(a) - parseInt(b); 只会交换位置，不会改变数据格式，所以此时如果数据是 '123px' ，则用parseInt方法转换之后计算，最后输出仍然是 '123px'
});
//其他排序：快速、希尔、冒泡、归并、选择、插入6、随机排序
arr.sort(function(a, b){
return Math.random() - 0.5; //Math.random() 返回0-1之间的随机数
});7、Math.random() 0 ~ 1 随机数
7.1 0 || 1 Math.round(Math.random());
//2 ~ 6
Math.round(Math.random() * 4 + 2);
//0 ~ 10
Math.round(Math.random() * 10);
//12 ~ 99
Math.round(Math.random() * (99 - 12) + 12); //12 ~ 99 ，最小数是12，然后加上0 ~ （99-12）之间的数，结果就是12 ~ 99
//x ~ y
Math.round(Math.random() * (y - x) + x);
//0 ~ y
Math.round(Math.random() * y);
//1 ~ y
Math.ceil(Math.random() * y);8、arr1.concat(arr2, arr3); //连接几个数组
9、arr.reverse(); //倒序
//tips. 将字符串倒序
arr.split('').reverse().join('');腾讯云开发者
