こんにちわ。nap5です。

タイトルの作り方はこちらになります。

![img](/mosaic-code.jpg)

簡単ですが、以上です。

こんにちわ。nap5です。

タイトルの作り方はこちらになります。

```ts
import { z } from "zod";

const UserSchema = z.object({
  id: z.number(),
  name: z.string(),
});

const UsersSchema = UserSchema.array();
const UserDataSchema = UserSchema.nullish();
const UsersDataSchema = UserSchema.nullish().array().nullish();
const UserPartialDataSchema = UserSchema.deepPartial().nullish();
const UsersPartialDataSchema = UserSchema.deepPartial().array().nullish();

type User = z.infer<typeof UserSchema>;
type Users = z.infer<typeof UsersSchema>;
type UserData = z.infer<typeof UserDataSchema>;
type UsersData = z.infer<typeof UsersDataSchema>;
type UserPartialData = z.infer<typeof UserPartialDataSchema>;
type UsersPartialData = z.infer<typeof UsersPartialDataSchema>;

const safeParseUsersData = (data: unknown) => {
  // https://stackoverflow.com/a/73994446/15972569
  const dataArr = z.array(z.unknown()).parse(data);
  return dataArr
    .map((datum) => {
      const parsed = UserPartialDataSchema.safeParse(datum);
      return parsed.success ? parsed.data : null;
    })
    .filter((x: UserPartialData): x is User => x !== null);
};

const demo = [
  {
    id: 1,
    name: "user1",
  },
  {
    id: 2,
    name: "user2",
  },
  {
    id: 3,
    name: "user3",
  },
];

const parsedData = safeParseUsersData(demo);
console.log(`parsedData`, parsedData);

```

簡単ですが、以上です。

エンジニアとの取引を安全にかんたんに

国内No.1のEXPERT DX プラットフォーム