分类: Vue.js

js 中{},[] 方括号数组,大括号对象使用详解JavaScript，涉及到函数concat()

[ 2024-09-04 14:41:44 | 作者: admin ]
字号: 大 | 中 | 小
p.s. 对象的调用可以用点.或者类似数组的方括号[]调用，但是数组则必须用方括号[]调用。
concat()函数必须用在数组对象，例如 array1.concat() ，而对象无法用这个函数

一、{ } 大括号，表示一个对象
{key1:value1 , key2:value2}


value可为变量或者函数 ,调用对象属性或者方法通常用点号
let obj = {
         birth: 1990,
         fun1: function () {
                let fn = () => new Date().getFullYear() - this.birth; // this指向obj对象
                return fn();
         },
         fun2: (x) => x * x
};

console.log(`birth========================${obj.birth}`);
//birth========================1990
console.log(`birth========================${obj['birth']}`);
//birth========================1990

console.log(`fun1========================${obj.fun1()}`);
// fun1========================30
console.log(`fun2========================${obj.fun2(2)}`);
// fun2========================4



二、[ ]中括号，表示一个数组/数组对象。
[value1 , value2 , value3 ， function1 ， function2]



每个值或函数，都是独立的，多个值之间只用,（逗号）隔开

调用数组用下标
let array1 = ["1", "2", "3", "4"];
let array2 = Array("x", "q", "w", "f");
console.log(`name1=================${array1[0]}`);//1
console.log(`name2=================${array2[0]}`);//x


三、{ } 和[ ] 一起使用

{ } 是一个对象，[ ] 是一个数组，我们可以组成一个对象数组，如：

        对象的属性用.（点）叠加，

        数组用 [下标] 来访问

let obj = {
         var1: 10086,
         arr1: [
                {
                     key1: "xq",
                     key2: 18
                },
                {
                     fun1: function () {
                     return "xq"
                     },
                     fun2: function () {
                     return 18
                     }
                }
         ]
};

console.log(`var1========================${obj.var1}`);
//var1========================10086
console.log(`fun1========================${obj.arr1[0].key2}`);
// fun1========================18
console.log(`fun1========================${obj.arr1[1].fun1()}`);
// fun1========================xq



文章：https://blog.csdn.net/sinat_31057219/article/details/106520716
[最后修改由 admin， 于 2024-09-04 14:49:42]
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2982

这篇日志没有评论。

此日志不可发表评论。